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What happens when a 
masterpiece comes to life? 


Find out when you try the brand new versions of Adobe® Illustrator® 10.0 and Adobe® 

InDesign® 2.0. Packed with features that deliver exciting new creative options, enhance 

productivity and streamline the production of graphics for the Web and other media, 

a SS Adobe Illustrator 10.0 is designed to help creative professionals publish their work 
ii anywhere they want. While Adobe InDesign 2.0 offers a fully extensible, state-of-the-art 
software architecture that allows you to turn your creative ideas into high-impact page 


designs with ease and control. 


To find out more about how Adobe Illustrator 10.0 and Adobe InDesign 2.0 can help 


turn your work into a collection of masterpieces visit www.adobe.co.uk/illustrator and 


www.adobe.co.uk/indesign 


For further information and to order your trial CD for Adobe InDesign 2.0 or 
Adobe Illustrator 10.0 call 0131 458 6842. 
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shapes, brushes and gradients 


Use Photoshop and our tutorial to 
create the cover image 


Design your own shapes, brushes 
and gradients for Photoshop 6 


Recreate a professional ads job 
with the artists at Pixel House 


Orignially sold for £124, this full 
set of filters is on ourCD 


Render multipass layers in 3D, then 
composite them in Photoshop 
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Creating custom 


Control the colour treatment in 
your images using our tutorial 


Use daytime-photographed 
elements to create a night scene 


Part two of our Layer Styles series 
looks at making natural textures 


Master medical illustration using 
the Airbrush tool in Photoshop 


Use the Airbrush to create 
technical illustrations 
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Take control of Photoshop 6 with 
our series of tips on Preferences 


Adobe, are you listening? 
Creatives from across the board 
give their wishlist for Photoshop 7 


Your visual guide to the 12 
royalty-free images on our CD 


Thinking of boosting your skills and 
knowledge? Here’s a quick listing 
of UK training course providers 
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The newest Photoshop 
publications read and rated 


Online resources for Photoshop 
users listed 


A guide to commercial Photoshop 
plug-ins and extras 
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The London-based design studio 
unveils its exciting designs for 
advertising and promo projects 


They're masters of photo 
retouching and manipulation 


The photographer who takes his 
art to a new, eye-popping level 
using Photoshop 


A freelance illustrator who distills 
creativity into playful collage 
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This issue's disc is packed with 
extras for Photoshop users 


And pay just £3 an issue 


Win one of eight copies of 
DreamSuite. Enter today! 


And beat the price rise! 


Stock up on any you've missed 


Prepare for our DTP Special 
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____the best printer for the best designers 


Oversize A3 


1200 x 1200 dpi resolution 


Amazing £2,995* 
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Up to 6 ppm of colour 


Some things in life stand out as the best and the new MINOLTA-QMS magicolor® 6110 
is up there with the best of the rest. 


NEW 
PRODUCT 


Packing a punch with page sizes up to 330mm x 483mm 

Only 2,995 ex VAT 

Producing amazing prints at 1200 x 1200 dpi resolution 

A powerful 2OOMHz RISC processor with PostScript Level 3 

6 colour pages per minute at full thrust with 256 MB RAM 

Bubbling over with the best features including Pantone ® calibration 
Refinement Sparkling LaserLuster print mode for glossier finish 


The magicolor® 6110 is an oversize A3+ colour laser printer, designed for professional people 
who need to print large format, coloured documents. So whether you work in marketing or 
advertising, architecture or planning, printing or publishing, the magicolor® 6110 Print 


System is the best you can choose. MI | NeLTA 
For more information call 01784 44 22 55 
or visit www. minolta-qms.co.uk QMS 


*All prices exclude VAT 
©2001 MINOLTA-QMS, Inc. All rights reserved. The MINOLTA-QMS logo, Crown, and magicolor are trademarks or registered 


trademarks of MINOLTA-QMS, Inc. All other trademarks are the property of their respective manufacturers. 1 1 1 
The essentials of imaging 


All details are subject to change without notice. 


www.minolta-gqms.co.uk 
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This complete plug-in is supplied 
to you free with the Computer Arts 
Photashop Special. there's a 
tutorial on using the various filters 
on page 42, and there's an upgrade 
to Eye Candy 4000 on page 47 
After installing we recommend you 
register your free copy with Alien 
Skin via the Web 


Cadmium is a leading seller of 
stock and royalty-free images in 
the UK. Here's a collection of 12 
new images from some of the 
company’s top libraries. See page 
58 for further details 


Sapphire Innovations brings you 
another free collection, this time 
including 30 custom brushes, 30 
shapes, 30 gradient fills and 10 
free filters, all for Photoshop 6. 


See page 59 for more information 


Sedergraphics specialises in the 
design of multimedia and Web 
interfaces in Photoshop. Here are 
eight samples as layered files. See 
page 59 for more... 


Try the new filters and updated 
interface from Alien Skin. Upgrade 
to this set on page 47 
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Just in case you're new to version 
6, the demo is on the CD 


Demo to support our custom 
shapes tutorial on page 24 


The demo supplied so you can test 
your 3D skills. See page 52 


A brand new demo from Auto FX. 
Works with Photoshop or without 


Free and demo plug-ins from alt 
around the Photoshop world... 
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ince Photoshop's earliest 
days, it has been an 
invaluable tool in bringing 
ideas and concepts to life. 
The concept behind this month’s cover 
image and tutorial is based on the 
process of creation — you're behind the 
canvas watching the artist create. 

But the concept is often easy 
compared to the process of actualisation, 
which is where the real skill and talent 
comes into play. Exactly how do you make 
your idea into an image, and how do you 
bring it all to life? 

When this image started as a sketch, it 
involved the use of simple yet striking 
colour combinations. The plan was to 
build it from the bottom up, and make 
extensive use of layers and texture. But it 
was also going to require some original 
photography, and scans of real world 


») The other side 


tg Ever wondered what the view is like from the other 


side of the canvas? Possibly something like this... 


tactile elements for a more down to 
earth feel. 

In this tutorial, we incorporate features 
that go back to much older versions like 
channels and paths. We'll certainly make 
use of layer technology. It isn't as old as 
channels and paths, but certainly was 
(and still is) an important development. 
Layers always play an essential role in 
creating an image like this one, but, let us 
not forget the incorporation of features 
unique to version 6 like Layer Sets and 
compound shapes. > 
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Part 1: Creating the figure 


We start our image by combining various photos and 
Adjustment Layers to form the basis for the artist figure 


Simple things 


Often we get so caught up in the 
fantastic, otherworldly things 
that Photoshop can do, that we 
forget the basics. A simple yet 
powerful function is 
demonstrated here: simply using 
parts of two similar photos to 
create an image. Something as 
simple as the ability to combine 
elements from different shots in 
the same shot can save hours of 
time. You don't have to spend 
time chasing a single perfect 
shot, if you know what you can do 


in Photoshop afterwards. 


Moving layers 


Moving groups of linked layers 
from file to file is easy. First, link 
them in the Layers palette. Then, 
with no selection active, use the 
Move tool to click anywhere on 
the canvas and drag into the new 
file — all the linked layers will 
follow in their proper order. The 
advantage of dragging from the 
canvas instead of the Layers 
palette is that the linked layers 
follow: if you drag a linked layer 
from the Layers palette, you are 
only moving the one particular 
layer, and the others won't follow 


even though others are linked. 


Gradients and 
layer masks 


A layer mask works in a similar 
manner to an Alpha channel. It 
follows the same method of using 
a greyscale channel to hide and 
reveal sections of a particular 
layer. As you work through this 
tutorial you will notice that you 
are often told to use the Gradient 
tool ona layer mask to reveal 
sections of the layer underneath 
or gently mask out sections of an 


image on a layer. 
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@ Open the two files: photo1.psd and 
photo2.psd on the CD. We like the brush and 
hand in photo2.psd and the pose of the figure in 
photo1.psd, so we're going to combine the two of 
them. Drag and drop the image from photo’ into 
photo2 as a new layer. Reduce the Opacity of the 
layer so you can see the image underneath. 


4 | Link the layers in the Layers palette. Create a 
new CMYK file approximately 32x28 cm. 
Now, use the Move tool to drag the image from the 
canvas into the new file and the linked layers will 
follow in proper position. Now rotate and scale the 
layers into position using Free Transform. 


On the Adjustment Layer’s mask, use a large 

soft brush to mask out the hue/saturation 
effect on parts of the hand and the paintbrush. 
Now, under this layer, make another duplicate of 
the soft light layer to increase the saturation and 
contrast further. 


TE 


2) Position the new layer so that it fits nicely on 
top of the the underlying layer. Then, increase 
its Opacity to 100 per cent again and add a layer 
mask. Use a large soft brush on the layer mask to 
paint out the areas which cover the hand and the 
brush underneath. 


; computer 


ar 


5 | Open the file rough.psd on the cover CD and 
drag in the image as a new layer. Reduce the 
Opacity, and use this layer to aid in the positioning 
of your images within the file. It is always a good 
idea to keep in mind where things have to go to 
leave room for logos and type, so switch this layer 
on from time to time just to check. 


8 | Create a new layer on top of the Adjustment 
Layer. Use the Smudge and Blur tools, with 
the Use All Layers function enabled, to smooth 
out any rough or grainy areas. Film grain is often 
accentuated by drastic shifts in hue and saturation 
as well as dramatic colour adjustments. 
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3 | Now using Free Transform (Command-T), 
rotate and scale down the contents of the top 
layer so that the underlying hand is larger and 
appears much closer to the camera than the rest of 
the figure. Don't worry too much about seeing 
things on the underlying layer that you don't want 
in the image, we'll deal with that soon enough. 


G Merge the two layers that make up the figure. 
Duplicate the merged layer and change its 
Blending Mode to Soft light to increase the contrast 
and saturation of the image. Then create a 
Hue/Saturation Adjustment Layer and adjust the 
sliders until the figure's skin starts to turn a 
yellow/green colour. 
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Create a Layer Set and add all the figure 

and Adjustment Layers to it. Draw a path 
around the figure using the Pen tool. Create a 
selection from the path, and add a layer mask to the 
Layer Set revealing the active selection. Use a soft 
brush or the Blur tool on the layer mask to soften 
some of the edges. 


Part 2: Atmosphere 


Here we add a little mood to the image. Combining scans, channels, and 
layers, we'll create a dream-like environment for our artist figure 


Layer masks 


Basically, what is happening is 
that wherever you apply 100 per 
cent black to a layer mask, you 
hide the contents of that layer 
entirely, and wherever you apply 
100 per cent white, you show the 
contents of the layer completely. 
Using a gradient on the layer 
mask gives youa nice subtle 
transition between the visible 
and invisible sections of a layer. 


Often, radial gradients are your 


best bet for this sort of thing. o Create a foreground colour of olive green. Above the Layer Set, create a new Re 
Select the background layer in the Layers Hue/Saturation Adjustment Layer. Adjust the — oo 

Gradient palette, and fill the entire layer with the foreground sliders until the image takes on a bluish, grey hue. In 3 | Open the file book.psd on the cover CD and 
T colour (Alt/Option-Delete). Then, create a new the Paths palette, Ctrl/Command-click the path use levels (Ctrl/Command-)) to adjust the 

ransparency layer between the background and the Layer Set that we used to create a mask around the figure. colour and increase the contrast. Drag the image 
In all instances inthis tutorial, and fill this layer with black. Add a layer mask and Inside this selection, in the Adjustment Layer's mask, _ into your working file as a new layer, and place it on 
when using a gradient on a layer use the Gradient tool to reveal sections of the use the Gradient tool to mask out the areas on the top of the other layers. Change the layer’s Blending 
mask, we use a gradient with afill layer underneath (see margin note). brush and hand. Mode to Overlay. 


of ‘foreground to transparent’, 
with the forground colour set to 
black. If your Gradient tool 
presets do not contain a black to 
transparent gradient, worry not, 
you can create one. With the 
Gradient tool selected, click the 
icon for the current gradient in 
the tool options bar. This will 
open the Gradient editor: here 
you can create a new gradient or 
edit a current one, specify colour, 
transparency, and so on, 


Use Free Transform to scale and rotate the layer Open the file paper.psd on the cover CD. In G Create a new layer. Use the Eyedropper to 

so that it covers the entire canvas. Reduce the your working file, create a new Alpha channel select a bluish-grey colour from the 
Opacity of the layer slightly so that the effect isn't in the Channels palette. Drag the image from background, and fill the active selection with it. 
quite so sharp. Now, add a layer mask, and use a paper.psd into your new Alpha channel. Use Free Reduce the layer's Opacity to 80 per cent and add a 
large soft brush with a low Opacity setting to gently Transform to resize the image so that it fills the layer mask. Use a soft brush and the Gradient tool, 
mask out some sections of this layer, specifically in channel completely. Ctri/Command-click the Alpha with low Opacity settings, to gently mask out the 
the area affecting the hand and paintbrush. Channel icon to generate a selection from it. effect here and there. 


Part 3: The brush stroke 


The time has come to create the almighty brush stroke. Here we incorporate 
an assortment of shapes, tactile elements and virtual elements 


Channel Options 


You will notice, as you work 
through this tutorial, that you are 
often instructed to generate a 
selection from a channel. Bear in 
mind that it may be necessary to 
invert (Command—Shift—I) your 
selections depending on how 
your Channel Options are set. If 
you find that you are having to 
invert your selections, you may 
wish to adjust your settings in the 


Channel Options. You can 


access the Channel Options by a Open the file ink1.psd on the cover CD. In g Switch off the visibility for the CMYK channels 

double-clicking on an Alpha your working file, create a new Alpha channel. in the Channels palette so that only your Alpha 

channel's icon, or selecting In the ink file, select all (Ctrl/Command-A) and drag _ channel is visible. Use a a hard—edged brush to paint Ctrl/Command-click the Channel icon to 

Channel Options from the the selection, using the Move tool, into the new out any unwanted areas and to clean up specks of make a selection from the brush stroke. With 

Channel palette submenu. Alpha channel in your working file. Make the CMYK _dust. Increase the contrast using Brightness/ the selection active, use Free Transform to reduce 
channels visible in the Channels palette, and rotate, Contrast so that the ink limit, within this channel, the size of the brush stroke. This will make a smaller 
size and position the contents of the new Alpha for the black is 100 per cent and the white is duplicate brush stroke overlay the existing one 
channel using Free Transform. 0 per cent. within the channel, making it appear thicker. 
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Save your settings 


In this case, you can certainly 
see the advantages to saving 
your selective colour settings. 
You aren't limited to selective 
colour either, settings can be 
saved while using Levels, Curves, 
Hue/ Saturation, and so on. You 
can also save and/or load 
settings for Adjustment Layers 
that perform the same functions. 
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Ctrl/Command-click the Channel icon to 

make a selection from it. In the Layers palette, 
choose the layer with the scan of the old book. With 
your selection active, create a new layer from this 
selection by pressing Ctrl/Command-J. Move the 
layer up to the top of the hierarchy, increase its 
Opacity to 100 per cent and change its Blending 
Mode to Normal. 
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Create a new Alpha channel, then open the file 

ink 2.psd on the cover CD. We are going to 
add to the main brush stroke, using these little ones. 
Use the Lasso tool to draw a selection around one of 
the brush strokes, Hold down the Ctrl/Command 
key and drag the selected brush stroke into your 
new Alpha channel. 


10) In the folder, 3D elements, you will find a 
series of finished 3D rendered images, each 
of which has an Alpha channel. Use the Alpha 
channel to select the shape, and drag it into the 
working file as a new layer. Resize and position the 
shape using Free Transform. Use selective colour to 
adjust the colour of the shape so that it looks as if it 
belongs in this image. 


G To snap up the brush stroke's colour, duplicate 


the layer and change its Mode to Overlay, 
then reduce the Opacity to 78 per cent. Ctrl/ 
Command-click the layer to generate a selection 
from it and create a selective colour Adjustment 
Layer with a mask generated from the selection. In 
the Options, enhance the colour by mainly pulling 


cyan and black out of the reds, neutrals, and blacks. 


8 | Use Free Transform to position the stroke 
within the channel so that it overlays the 
bristles of the paintbrush. Generate a selection 
from the channel, and on a new layer, use the 
Gradient tool within the selection to create a subtle 
streak of yellow. Change the layer's Blending Mode 
to Hard Light, and reduce the Opacity slightly. 


Before you click on OK, click-save to save 

your settings. Since we have a number of 
images with similar colouring, we can simply 
load these settings each time we adjust one to 
make identical adjustments. Name the settings and 
select a destination on your hard drive. If you want 
to use our settings, they are in the same folder as 
the 3D shapes. 


ail ae 
G Create a Layer Set and add this layer and the 

two brush stroke layers to it. Add a mask to 
the Layer Set. Use a series of soft brushes with 
varying opacities on the Layer Set mask to gently 
reveal sections of the brush underneath. 


9 | Create another channel, drag in another small 
brush stroke and generate a selection from it. 
Then, again, gently blend in some yellow using the 
Gradient tool on a new layer. Use the Eyedropper 
tool to pick up yellow from within the image. 
Reduce the Opacity a little. You can carry on adding 
to the stroke in this manner for as long as you like. 


12 | Now, bring in some more shapes, use selective 
colour, and load the settings. You can also 
tweak the settings after you load them. Go ahead 
and add some layer masks to these layers and use 
the Gradient tool and some soft brushes to fade out 
sections of the shapes. 


Real brush strokes 


You will notice that in creating 
this image we have used scanned 
images of brush strokes and ink 
splats. Even though Photoshop 
enables you to create custom 
brushes there is simply no 
substitute for the real thing. 
Often, the best way to get a dry 
brush stroke is to actually paint 
one using indian ink and an old 
brush. It’s good to have a hair 
dryer handy if you're impatient 
— ithelps you dry them 
completely before tossing them 
on your scanner. Cleaning dried 
indian ink off of your scanner 
without scratching the glass isn't 
as easy as you might think. 


Have some fun experimenting with different 

blending modes. You can achieve some nice 
results with Luminosity. You can also make some 
of the shapes stand out more by duplicating their 
layers and setting the duplicate's Blending Mode to 
Overlay or Soft light. You may want to reduce the 
Opacity of the duplicates, because the effect is too 
sharp at100 per cent. 


With this selection active, select the layer that 
contains the scan of the old book cover in the 
Layers palette, by selecting the Layer's icon. Create 
a new layer from this selection (Ctrl/Command-)), 
change the layer's Blending Mode to Normal and its 
Opacity to 100 per cent. 


14 | Create a new Alpha channel and open the file 
splats.psd on the cover CD. Select the new 
Alpha channel in the Channels palette, and make the 
CMYK channels visible. Draw a selection around one 
of the ink splats using the Lasso tool. Hold down the 
Ctrl/Command key and drag it into the new Alpha 
channel of your working file. 


The effect is rather subtle, so go ahead and 

make a few duplicate layers to make the 
splatters appear more vibrant. Make one final 
duplicate and change its Blending Mode to Overlay 
and reduce its Opacity slightly. 


Use Free Transform to position and resize 

the ink splat. Position it so that it overlaps the 
edge of the large brush stroke. Use the Splats.psd 
file, and this same method to bring some more ink 
splatters into this channel. When you think you 
have enough, Ctrl/Command-click the Channel's 
icon to generate a selection from it. 


Ctrl/Command-click this layer's icon to 

generate a selection from it. With the 
selection active, create a new selective colour 
Adjustment Layer, and tweak the settings until the 
ink splat colours blend into the larger brush stroke 
almost seamlessly. 


Part 4: 2D shapes 


Now it's time to make use of Photoshop's new Shape tools to incorporate 
some two dimensional shapes, and add a slight vector feeling to the image 


\ 


2) Now, use the Direct Selection tool to select 
the two new shapes. And click the Exclude 


1 | Specify a foreground colour of blue and select 
the Ellipse Shape tool from the Tool palette. 
Hold down the Shift key to constrain the aspect 
ratio and draw a large circle. Then draw another 
slightly smaller circle inside the large one. 


Overlapping Shape Areas button in the tool options 
bar. This performs the exact function that its name 
says and the result is the appearance of a hole 
punched in the larger shape. 


a We use the word ‘appearance’ because 

neither of the shapes has been altered: the only 
thing that has been altered is the way that they affect 
each other. You can still move them around and 
manipulate them as independent shapes, and this 
overlap exclusion will follow. Hold down the 
Alt/Option key and drag a copy of the smaller shape 
to see what we mean. > 
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Part 4: 2D shapes continued... 


Compound shapes 


The beauty of compound shapes 
is in their versatility which makes 
it possible to ‘punch a hole’ in 
one shape with another, and still 
move the ‘hole’. This is quite a bit 
more flexible than traditional 
pathfinder options where an 
entire new shape is created from 
the two — a shape with an actual 
hole in it. However, should you 
decide you want the traditional 
pathfinder method, all you need 
to do is select the preferred 
shapes and click Combine in the 
Shape Tool options. 


More on Gradient 
Fills 


You could also use a gradient 
with a fill from black to white, but 


Use Free Transform to reduce the size of the 


shape and position it within the others. 
Alt/Option-drag another copy of this shape and use 
Free Transform to reduce it so that it is smaller than 
the previous one. Position it inside the other circle 
and enable the Exclude Overlapping Shape Areas 
function to work its magic. 


Continue on in this manner until you have 

created a large bullseye on the shape layer. 
Use the Direct Selection tool to select and reposition 
some of the circles so that there is some irregularity 
in the bullseye. 


this can be limiting. For instance, 
if you create a radial gradient 
with a foreground colour of black 
and a background colour of 
white. The entire background of 
the layer mask is white, so if you 
add another gradient to it, it will 
overwrite the first, because it 
always fills the entire 
background with white. Using 
gradients with a background 
colour of transparent enables 
you to combine gradients without 
completely replacing the 
background each time. It's almost 
like piling gradients on top of 
each other within the mask, and 
can create some interesting and 
subtle masking effects, 


Now, move the layer way down in the Layers 

palette until it is sitting just below the Layer Set 8 | On a new layer, with a golden fill colour, draw 
that contains the human figure. Use the Move tool another pair of circles. Select both of them and 
to reposition the shape layer so that the centre of align them horizontally and vertically by using the 
the bullseye is sittimg behind the figure's hand. Feel Align Options. Use the Exclude Overlapping Shapes 
free to add, remove, or transform any of the shapes option again. Next, click Combine to turn the two 
on this layer. shapes into one. 


10) With a Fill colour of light blue, draw three o Change the shape layer's Blending Mode to 


circular shapes over the top of the figure’s eye. 
Align them horizontally and vertically using the 
Align buttons in the tool options bar. Use the Direct 
Selection tool to select the two outer circles, then 
click the Extrude Overlapping Shape Areas button in 
the tool options bar. 


Overlay and reduce the Opacity of the layer to 
72 per cent. Add a Stroke effect in the Layer Style 
options in the Layers palette. In the Stroke options, 
set the Blending Mode to Overlay and specify a 
light blue colour slightly lighter than the Fill colour 
of the shape layer. 


Photoshop Special 


eI SH 


« 
oO 
a 
oO 
oO 
Ql 
. 


i 


G Change the shape layer's Blending Mode to 
Overlay, and add a stroke effect from the 
Layer Style Options in the Layers palette. In the 
Stroke Options, change the Blending Mode to 
Overlay and select a stroke colour of soft yellow 
from the colour picker. 


q Alt/Option—drag the shape to make a series of 
duplicates. Use Free Transform to resize and 
reposition them. Add a Stroke effect to the layer, 
change its Blending Mode to Soft light and the 
colour to red. Go ahead and draw some different 
shapes on this layer as well. 


G With an orange Fill colour, use the Pentagon 
tool to draw a series of shapes. Set the 
Blending Mode of the layer to Soft light. Add an 
outer glow effect from the Layer Style options in the 
Layers palette, change the Blending Mode to Screen 
and adjust the sliders to make a nice soft glow. 


Part 5: Finishing touches 


Using sections of images as custom brushes, we'll continue to add to the 
digital paint effect of the brush stroke using channels and combining layers 


Brush strokes... 


To get a nice smooth stroke, 
click on your current Brush icon 
in the library. A dialog box opens 
up with a field to name your 
brush and an area to control 
spacing. Enable spacing, and set 
it to 1. By default, new brushes 
have spacing enabled but it is set 
to 25. If you don't adjust it, you'll 
notice your brush seems to 
jump or stagger when you 

paint a stroke. 


and layer masks... 


When adding a layer mask toa 
layer which has a stroke effect 
applied to it, itis a good idea to 
unlink the mask from the layer in 
the Layers palette. If you leave 
them linked, you will get some 
odd results. By disconnecting the 
link, these odd effects disappear. 


‘ 


a Open the file book.psd on the cover CD again, 
and this time convert it to greyscale. Use Levels, 
Curves, or Brightness/Contrast to really boost the 
contrast. Draw a rectangular selection around an 
interesting section of the image and choose 
Edit>Define Brush. Go ahead and name the brush in 
the dialog box that appears and click OK. 


4 | Change the Layer Blending Mode to 
Overlay and add a layer mask. Use some of 
your new brushes on the layer mask as well, to 
mask out some areas of the layer. Go ahead and 
play with different modes and brushes on a series 
of new brush stroke layers. 


Add a Stroke effect from the Layer Style 

Options in the Layers palette. Change the 
Mode of the stroke to Overlay and the Stroke 
Colour to Light Blue. Reduce the Layer Opacity to 
68 per cent, and add a layer mask. Use soft brushes 
and gradients to mask out unwanted areas on the 
layer mask. Use Free Transform to resize and 
reposition the contents of the layer. 


2 | Keep looking at different sections of the 
image and define different bits and pieces as 

brushes. Make some large sections into brushes as 
well as a selection of small pieces. When you have 

finished, select the Brush tool and have a look at all 
of your new brushes - they will be added into your 
current brush library. 


5 | Open the file clock.psd. Convert the image to 
greyscale and increase the contrast. Use the 
Pen tool to draw a path around the inner portion of 
the clock. Ctrl/Command-click the Path icon in the 
Paths palette to make a selection from it. Create a 
new Alpha channel in your working file and drag the 
selected area of the clock into your new channel. 


8 | Open the file brushy.psd on the cover CD. 
Create a new Alpha channel in your working 
file. Drag and drop the image from brushy.psd into 
your new Alpha channel. Increase the contrast and 
move the brush stroke to the right so that it runs off 
the canvas. Ctrl/Command-click the Channel icon 
in the Channels palette to make a selection from it. 


3 | In your working file, create a new layer 
underneath your top—most shape layers and 
begin painting using some of your new brushes. Use 
the Eyedropper tool to select colours from within 
the image. Enable wet edges in the Tool options to 
achieve nice overlapping transluscent strokes. 


Ctrl/Command-click the Channel icon to 

make a selection from it. Create a new layer 
underneath all of your brush stroke and ink splat 
layers, and fill the active selection with a blue colour 
sampled from the background. Change the 
Blending Mode of the layer to Colour Burn. 


o Make a new layer on top of all of the others in 
the Layers palette. Fill the active selection with 
white to create a nice ragged edge at the right. No 
need to worry about ragged edges for the left, right, 
and top since these edges bleed off the page. And 
there you have it — feel free to add shape layers, 
create more custom brushes and so on. Have some 
fun, after all, that's what it's all about. FEES 
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Illustration: Rob Brearley [e] rob@brearley.fsbusiness.co.uk [w] www.chocolatetrousers.com 


Take control of 
Photoshop 6 


Configuring Photoshop's Preferences provides the 
fundamental settings on which your productivity is based — 
these tips will help fine-tune your favourite image editor 


s with most applications, setting the determines the default options available depending on 
preferences to suit your particular the format of the media you are working towards. 
requirements can often improve the way | For example print and Web results require their own 
your software operates. This is particularly particular settings for colours, modes and resolutions: 
aanee to Photoshop — arguably one of the most by configuring Photoshop to have a bias towards a 
flexible production applications — and often particular media you'll find your workflow improves. 
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Many of the general options provide non-specific tweaks 

that affect the way the application operates as well as 
enabling you to reset tools and warning dialogs to their factory 
default settings. 


Most of the options are fairly self-explanatory but 
there are quite a few which are relevant to either print 
or screen work that may need further definition to 
users in other camps. We're not aiming to walk through 
the options step-by-step here but will offer some tips 
on how to make the most of the settings so you can 
continue to work with the most optimised settings for 
your particular needs. 

As wellas the standard Preferences options, itis 
worth mentioning additional elements such as 
Photoshop's Colour Settings and Preset manager also 
contained under the File menu: these too provide 
useful extensions for the way Photoshop operates. 


reer 


General settings 
Reset to default 


To quickly reset all the Preferences to their default 
settings hold down Ctrl-Alt-Shift (Win) or Command- 
Option-Shift (Mac) at startup and click ‘yes’ to delete 
the modified Photoshop settings file. This technique 
also works for ImageReady. 


Picking colours 


Use the Adobe Colour Picker for Photoshop’s own 
picker, but if you’re trying to mix colours to match 
screen colours use the Windows or Apple Colour 
Picker depending on your platform. 


Interpolation 


The Interpolation option determines how Photoshop 
interprets an image's colour as a result of resampling 
ortransforming. Bicubic is slowest but highest 
quality while Nearest Neighbour is faster but at the 
cost of quality. 


Back to the past 


A couple of alternative key combinations for the 

Redo tool are available from the general settings. 
While the History State determines the maximum 
number that can be listed by the History palette at any 
given point (1-100). The more history, the better the 
chances of covering your tracks, but it will also drain 
your memory. 


Keeping your clipboard 


Checking the Export Clipboard option enables the 
current clipboard contents to remain available for 
other applications even when you have quit Photoshop. 


Keyboard Zoom Resizes window 


With this checked, the Canvas window resizes to 
match the View size when using the Ctr/Command + 
or — keyboard zoom shortcut. 


Auto-update open documents 

Check this option to automatically save your work 
each time you jump between Photoshop and 
ImageReady. Documents will however automatically 
update after jumping, whether this is checked or not. 


Show Asian Text Options 


Used for displaying CJK (Chinese, Japanese and 
Korean) type. With this selected and the Show Font 
Names in English checked, CJK fonts names will be 
available with more identifiable identities. 


Dynamic colour sliders 


With this checked, colours above the slider on the 
Colour palette dynamically update as the sliders are 
moved. This can be useful for previewing changes but 
can also slow down performance. 


Save palette locations 

To preserve the positioning of your palettes, check this 
option. You will then be able to open and close the 
application while retaining a familiar and customised 
working environment. 


Use Shift key for tool switch 


Checking this option enables hidden tools to be 
accessed by holding down the Shift key and pressing 
the corresponding shortcut, for example, Shift-B 
toggles between the Pencil and Paintbrush tools. 


Reset all warning dialogs 


If previously you've checked an option not to receive 


The PC version of the Saving Files Preferences provides slightly 
less options than its Mac equivalent. The Apple version has 
additional options that enable Mac files to be identified by 
Windows PCs. 


warning messages about certain functions, 
clicking this button resets your warning prompts to 
display again. 


Reset all tools 


A useful function if you work on a shared computer. 
Other users may have tweaked the tool settings 
making them behave unexpectedly. Click this to 
restore their default settings and positions in 

the toolbox. 
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Savingfiles 


Image previews 


Previews are useful for print work in particular 
because they provide quick access to your work 
without the need to wait excessively for an image to 
load. They add slightly to the file size, so Photoshop 
gives you the option of whether to automate these 
ornot. 


Mac specific 


The Mac version enables specific options to display a 
thumbnail of the image in its File icon or full size to 
include a 72-ppi PICT preview for applications which 
require this option when importing a non-EPS file. 


Thumbnails 


Another Mac specific option is whether to display Mac 
and/or Windows thumbnails of an image when a file is 
highlighted in the Open dialog box. 


File extensions on the Mac 


When creating original work on the Mac that may be 
transferred to the Windows platform, it’s good practice 
to set this option to always add the relevant three letter 
file extension. By doing this, you'll be saving your PC 
colleagues a lot of file recognition problems. 


File compatibility 

Maximising backward compatibility with previous 
versions of Photoshop is another option to keep 
checked when working in a team environment. Saving 


Basic display and cursor options can be tweaked from here. You 
can reset any of the dialog screens to their factory defaults 
simply by pressing the Alt key (PC and Mac) changing the 


Cancel to a Reset key. 
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Changes made to the Transparency and Gamut Preferences 
affect Photoshop's working environment and are applied 
instantly to the application. 


rasterized versions of vector data for previous 
versions provides more flexibility, but also produces 
larger file sizes. 


Advanced TIFF 


Check this option to enable the TIFF format for 
saving layers and annotations and to use JPEG or 
ZIP compression. However, if you open the file in 
another application, only the flattened image will 
be available. 


Display and cursors 


Colour channels in colour 


This displays individual RGB or CMYK channels in 
colour in the Image window's Channels palette. With 
this unchecked, channels display as greyscale. 


Diffusing dither 

When working on monitors set to 8-bit (256) 

colour, this option uses a dithering method to 
improve colour simulation when working with 24-bit 
(16.7m) images. 


Pixel doubling 


Anew feature in version 6, pixel doubling speeds up 
preview redraw by showing a low-resolution preview 


Along with the Grids and Guides Preferences, the Units and 
Rulers options enable complete control of the measurement 
elements of your working environment providing precision tools 
for more precise work. 


Take command of your plug-ins 


Although Photoshop doesnt offer any 
particular management facilities for 
plug-in hoarders, there are a number 
of external applications that will do 
this for you, Plugin Commander 

({w] www.thepluginsite.com) is a good 


example of such a tool 


As your collection of plug-ins grows, 
Photoshop takes longer to start up and 
menus and lists become cluttered, 
making it difficult to find a particular 
effect. With Plugin Commanderyou 
can determine which plug-ins will be 


loaded reducing the amount of system 


ses necessary. It also organises 
your plug-ins depending on 
categorisation. This information is 
defined by data within the plug-in 
itself which means that effects stored 
in different plug-in folders can be 


displayed in the same submenu. 


first. This doesn't affect actual pixels because it’s only 
used for redrawing but gives a good idea of how your 
changes will be implemented. 


Cursors 


Depending on the current Preferences settings, 
depressing the Caps Lock key turns Standard 
cursors to Precise, Precise to Brush Size, or Brush 
Size to Precise. 


Transparency and gamut 
Grids 


Depending on the resolution, composition and colours 
used within your image, it may be easier to determine 
transparent areas by modifying the grid size and 
colours to something with a little more contrast. 


Video Alpha 


If you use a 32-bit video card that supports 

chroma keying for video editing, check the Use 

Video Alpha option and you'll be able to see through 
certain parts of the video image. Hardware support is 
required because this sends information to your 
computer's video board: results will be unpredictable 
without it. 


Out of Gamut 


Similar to tweaking the transparency grids, changing 
the Gamut Warning colour and transparency provides a 


More precision control is possible through these options. 
Changing the colours for grids and guides makes these 
elements easier to distinguish depending on your 
image's composition. 


Changes to the Plug-ins and Scratch Disk Preferences 
require you to quit and restart Photoshop before they can 
be implemented. 


more noticeable warning depending on your image's 
composition and dominant colours. 


Units and rulers 
Shatterproof rulers 


Using rulers (via View Menu>Show Rulers) is often 
essential for the layout of your work but different 
media benefit from different measurements. Decide 
on your preference for the Rulers and Type settings. 


Instant access 

When you have the rulers showing around your |mage 
window, a quick method of prompting the Units and 
Rulers Preferences is to double-click on the ruler. 


Quick change 

You can also change the measurement units quickly 
using the dropdown options from the + symbol in the 
bottom-left of the Info palette or by right-clicking the 
ruler around your Image window. 


Layout columns 


To help the Image Size and Canvas Size commands fit 
images for the appropriate dimensions in a layout 
program, set the Width and Gutter sizes from this 
Preference setting. 


Point/Pica size 


By default, Photoshop uses the PostScript method for 


Preferences 


The Cache settings enable PC users to increase the amount of 
working RAM assigned to Photoshop: something which will 
make Mac users smile no doubt. 


calculating the points to inch ratio but if you need to 
use the pre-desktop publishing ratio, toggle this over 
to the Traditional option. 


Guides and grids 


Instant changes 


Although the settings in this dialog preview don't 
actually affect the pixels you are working on, it 

does provide your preferences for your working 
environment. Any changes made from here instantly 
affect your image. 


Dashed guides 


Changing the colour of your guide lines helps 
depending on the primary colours used in your image 
but even then they can still get in the way. Change their 
style to dashed lines to make them more subtle. 


Grid options 


The same principles apply for your image's Grid 
settings as for the above guides but you can also 
specify more accurate measurements for this static 


Colour Settings 


edefined Colour Management settings are init 
defined when installing Photos As the name sug' 
the Color ontrol the preferences for the 
working environment and t san easily be changed 
using a number of preset options that have been 
pre-configured for the most common combinations 


The main setting mbretla 


configuratic ns with fe being 


available below 


The Preset manager 


For example, to 


collection 


es option from the 


then click on the small a’ 


alternative options for commonly- 
used tools such as brushes, swatches stalled brus 
atterns and custom shapes 


and so on, as well as enabling you to 


create and load new or amended sets 


tool which are more useful for more precise 
technical artwork. 


Plug-ins and scratch disk 


Accepting changes 


Unlike amending the guides and grids, any changes 
made in this dialog box require you to quit and restart 
Photoshop before they can be recognised because 
they affect more integral components in the way the 
application operates. 


Extending plug-ins 

Check the Additional Plug-ins Folder and choose a 
location if you need to relocate or use another location, 
otherwise they simply won't be recognised. A word of 
warning though, don't go moving the internal plug-ins 
module unless you have a specific reason for doing so, 
because you could find they don't work as they should. 


Managing plug-ins 


Although Photoshop can host a great number of 
plug-ins you may want to consider controlling them 


load an alternative 


You then have a 

s enabling you to 
use other styles that may suit your 
work better. You can also change the 


way the preview pane is displayed to 


help in your search for the best option. 
the When you make a new selection. 
Photoshop gives you the choice to add 
your selection (Append) to the ext 
library or Replace this with your new 
choice. Once you've finished, click the 
Done button and you now have acc 

to your new tool variations from 


Photoshop's main interface 


with a dedicated plug-ins manager to improve your 
chances of finding the most suitable effect easily. 


I'll scratch yours 


Scratch disks are still a grey area for many Photoshop 
users, particularly Web designers, because they tend 
to find less use for them. With memory-intensive 
images, Photoshop uses a scratch disk when the 
available RAM is insufficient. 


Parking space 


If you only have one hard disk, you'll only have access 
to one scratch disk but if you have multiple hard disks 
and your primary one is low on space, configure other 
drives for the second, third and fourth drives, assuming 
you have that many! 


More space than you think 


Even if you only have a single hard disk, you can still 
find extra space if you have a removable cartridge 
such as Zip or Jaz drives by setting these as alternative 
scratch disks. If you do use this, don't remove the 
cartridge or Photoshop is likely to crash. 


Quick access 

For immediate access to the Plug-ins folder dialog on 
the Mac, hold down the Command-Option key when 
launching Photoshop. 
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Image cache 


The image cache speeds up screen redraw when 
working with high-resolution images. Low-res versions 
are saved in cache buffers and used to update the 
onscreen image. By increasing the cache level’s value, 
more buffers are used for a quicker redraw. 


Caching histograms 


Check the Use Cache for Histograms option for faster, 
but slightly less accurate, histogram display in the 
Levels and Histogram dialog boxes. EEE 
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1. Don't Panic was commissioned by Sony to create awareness of a feature 
on the Third Space PlayStation2 Website. Aeroplaneman (a.k.a Jonzi D) 
led spoken word, or key jamming sessions on the site with kids who log on 
and debate with this enigmatic, superhero-type character. 


2. One of London's best known promoters approached the 
company to create a visual identity and monthly promotional 
media for this influential Drum and Bass night at The Scala. 


A NIGHT OF DARK DRUM & BASS, HIP HOP, TWO STEP GARAGE 
AND LOW END EXPERIMENTAL BREAKS 


FRIDAY 23RD FEBRUARY 2001 
333 OLD STREET LONDON EC1 
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Don't Panic 


In the disposable world of flyer design, Don’t Panic knows what the 


kids want thanks to: “a synergy of ideas balanced with 


contrasting styles” 


flyer’s life is both short-lived and cruel. 
Released into a hostile environment with 

Me only a dazzling design and a few choice fonts 
i j | to protect themselves, these poor things not 
only have to catch the eye of indifferent strangers, they 
also have to seduce them, make them follow, and make 
them pay. 

Such a predatory art form needs to blend 
sophisticated technique with effortless cool, a recipe 
that Don't Panic has been perfecting since it started 
out in Brixton in 1998. Back then, the founding 
members ran their own club called Supernature, which 
they promoted using innovative design, print and 
distribution techniques. The venture was so successful 
that other promoters soon began using the company’s 
services, and out of this, the Don't Panic Poster Pack 
was born (see boxout). 

Nowadays, the capital's streets are filled with Don't 
Panic's design work, and a hefty client list including 
BBC Choice, Channel Four, Orange, Sony, Columbia, 
Diesel and a host of record labels have turned to them 
to spread the word. “The canniest of our clients have 
allowed us to tailor their advertising creative to best 
suit our audience,” says Joe Wade, studio manager at 
Don't Panic, recalling the first time this creativity really 
paid dividends for the company. Commissioned to 
produce a pack to promote the launch of a site for 


3. Don't Panic was commissioned to 
create a visual identity for the super 
club, which was evocative of 80s 
disco, sans le fromage. 


4.This Chicago-based label asked 
for a design for their 12-inch jackets. 
The generic design will appear 

on every release, accompanied 

by a matching sticker featuring 
track listings. 


point for our design, as it was the first time we'd 
developed concept, worked up a pitch, translated 
concepts into multiple mechanics and had full creative 
control,” Joe explains. “It was a massive challenge to 
produce this sort of material for an audience of 
visually-aware, cynical, design savvy students. Pete, 


who executed the majority of the work, was only 18 
months out of a degree he hadn't even completed 


because of his commitments to Don't Panic.” 


Keep it clean 


For the last year, the company’s in-house design 
team has consisted of Pete Leung and Matt Barron. 


fashion, art and design students, it created a fold-out 
poster, stickers, inserts and bookmarks to illustrate the 
site’s benefits. Enlisting the kudos of The Face 
magazine by asking it to produce an insert, Don't Panic 
distributed the packs on campuses and registration on 
the site duly rose by 50 per cent: cast-iron proof of 
Don't Panic’s efficacy. “It represented a real turning 


The former is a big fan of Swiss-style design and 
super-sharp typesetting with a natural propensity for 
Illustrator, while the latter is self-taught and tends 
towards versatile Photoshop design. Between them, 
they're able to cover the angles and get round any 
software restrictions. “We use 3-D Invigorator with 
Illustrator 8 and in Photoshop 6, but we very rarely use 


Don't Panic Poster Packs 


In addition to creating designs, Don't 
Panic prints and distributes its clients’ 
work in the form of the Don't Panic 
Poster Publication. The main 
component of the promotion is an A2 


poster, one side of which features 


artwork and editorial produced solely 


by the company, often in collaboration 
with respected designers from all 
walks of life. The other side is used for 
advertisements, a platform taken up by 
the likes of Sony, One 2 One, Warner 


Music and Film Four among others. 
Many advertisers have allowed 

Don't Panic the freedom to rework 
original campaigns and advertising 
content in its own style, and the 
resulting designs are exclusive to the 
Poster Pack medium. 

These posters are folded, sealed in 
plastic bags along with inserts and 
samples, and 12,000 are distributed 
each week in London's shops, clubs, 
colleges and bars, with what the 


company claims is a potential 
viewership of up to 250,000. 

Don't Panic’s print-based operation 
requires specialised hardware: its dual 
processor G4 Mac-based operation is 
supplemented by a G3 server, Lacie 
Electron 22 Blue monitors, Coffee 
digital camera, Apple Laserwriter, 
Epson 1280, A3 Microtek Scanner, a 
Bidum Coffee maker, Epson Stylus 
Photo 2000P, an ADSL connection — 


and big speakers. 
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plug-ins for effects: we prefer to rely on subtle 
combinations of filters,” Pete explains. “The main tools 
in Photoshop that we use are the Layer options and the 
Blending effects: Burn, Dissolve, Multiply, Screen, and 
so on. Used right, these can be an incredibly powerful 
and effective tools. 

“In /llustratorwe use everything, whereas Quark is 
excellent for type and for getting excited about 
baseline grids and the precise mathematics of 
layouts.” Pete, a devotee of crisp, bold design, 
ultimately sees the software’s complexity only as a 
means to anend. “Don't rely on using filters and 
plug-ins too heavily,” he says. “Your idea is what 
counts, the computer and the software is only a tool.” 


As tools go though, Matt considers Photoshop to be 
nigh-on perfect, with the exception of its text handling, 
whereas Pete would fix /llustrator’s apparent inability 
to colour greyscales. 

The eclecticism of Don't Panic’s designs wouldn't be 
possible without its network of freelance designers 
and collaborators from other media. Choosing from a 
pool of relevant artistic talent when confronted with a 
design brief is a major bonus. Notorious recent 
collaborators include graphic designers BCD and 
Fergus Plainclothes, illustrator Pete Fowler and graffiti 
artist Banksy, whose aggressive anti-authoritarian 
work was used for Don't Panic’s Stop Esso designs. 
“The desire to develop our range means we like to work 


Design the Don't Panic Poster 


Win a chance to showcase your design skills on 50, 000 A2 posters 


Don't Panic are offering you the 
chance to have your work printed as a 


poster publication pack to be 


distributed and mailed around the UK. 


Just complete an original piece of 
artwork to A2 size, based around the 
theme of ‘Don't Panic: what to do and 


how to be chilled in an emergency’. 


Bear in mind that the poster folds 
down to a panel 210x200mm, and this 
panel forms the front of the Don't Panic 
pack. When the poster is flat, this 
panel is situated at the top-right of the 
A2 poster. 

To enter, email low-res JPEGs of 


your design to [e] joe@dontpanic 


media. com, with the subject header of 
‘Poster competition’ before Friday 16 
November 2001. 

The entries will be judged and the 
winner will be contacted for a hi-res 
version, then the entry will be printed 
and distributed throughout London 
and the UK. 
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with as broad a variety as possible,” says Pete. 
Photographic elements also play a crucial role, and 
Tobias Toyberg provides the company with a stream of 
unique imagery. “We also use the Internet a lot for 
sourcing images. The Internet is possibly the largest 
and strangest, library of accessible images in the 
world. We use our digital camera for immediacy and 
artworking presentations, pitches and proposals, and 
we archive all our images and work which provides us 
with a fantastic library resource.” 

Probing the Web's surreal underbelly is one thing, 
but the company hasn't been tempted to transfer its 
graphic skills into the fully-digital arena. Whether it’s 
A2 posters, flyers, ads or stickers, print remains the 
company’s main strength. “We're considering 
employing a full-time Web designer, but it’s not a 
priority at the moment. The Web’s a very interesting 
area but we can see that it’s all too easy to get 
caught up in trying to do too many things and for the 
moment, we'd like to stick with what we're best at,” 
Pete says. 

Because it has created large corporate IDs and 
international campaigns, Don't Panic’s future focus 
is to expand its range, and plans to recruit another 
full-time designer are underway. “It took us a long 
while and a lot of long nights to grow to where we are. 
Now we're sorted for resources there are very few 
limits to our capabilities,” Pete concludes. HIS 


PlayStation 2 party flyers 


Don't Panic were asked to create a flyer as part of a series for PlayStation 2 
Parties in London. Sony wanted an underground feel for the flyers, so they 
went for an undeveloped feel and a travel theme to reflect the ‘Take a 

Journey...’ tag line. Pete Leung takes us through the process... 
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“| started off with a digital image taken while on a 2 | “Next, | applied a Hue/Saturation Adjustment Layer. 
train in Belgium. At the initial stages, I'm not too | always work using these layers if possible, because | 
worried about what colour | use because this often like to be able to change and go back to previous colours, 
changes as the work ‘evolves’.” and effects as much as possible. These adjustment layers 
are a great non-destructive feature in Photoshop." 
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The next step was to find and add bits of graffiti, 4 | “Finally the text and logos were added, and 
its of faxes and other appropriate ‘noise’. | made small adjustments made to the overall layout. 


a: 


use of the Layer options modes and these layers were For work like this, | lay out all the text in Photoshop, 
applied by scanning the images and then overlaying them —_ because the text handling features handle small point 
using the Multiply mode (when you want black only) or sizes very well.” 


the Screen mode (when you want white only).” 


1. Don't Panic designed a fruity 
A2 poster for the Panic pack 
based on data from The Penguin 
Dictionary of Sexual Behaviour 
by Judith Mackay. 


2. Manning Gottlieb Media 
asked Don't Panic to create a 3D 
promotional card for PlayStation 
2. The car was inserted into 
youth magazines nationwide. 


3. An A2 poster designed 
in-house for the Don't Panic 
pack featuring statistics and 
photography by Tobias Toyberg. 


JOURNES 


CENTRAL 
RESER VENTION 


4. Playstation 2 required 
promotional media for a series of 
underground parties. 


5. The Macuser contents page, 
May 2001. 
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reviously, Photoshop 
add-ons were restricted to 
plug-ins and effects. With 
Photoshop 6, however, 
Adobe has given artists the power to 
design their own shapes, brushes and 
gradients. This expanded toolset has 
made the program more flexible and 
arguably more creative to use. 
Futhermore, artists can save and 
exchange the libraries of shapes and 


brushes they've created, which extends 
the boundaries even further. 

In the following tutorial, we're going to 
show you how to customise Gradient 
Fills. Then we'll look at the creation of a 
custom shape, with the help of /llustrator 
8or Yand finally, we'll turn to Painter, 
which is a great source of new brushes. 
We'll show you how easy it is to devise a 
stroke in Painter, then export it overto 
Photoshop for use as a custom brush. 


Custom shape a. co 
brushes and gradients 


Expand Photoshop and make it easier to use by making your 
own shapes, brushes and gradient fills. We show you how... 


Part 1: Create a custom Gradient Fill 


There are five types of gradient: linear, radial, angle, reflected, 
and diamond. We'll start by making a hi-impact colour gradient 


Gradient uses 


Five types of gradient are 
available: linear, radial, angle, 
reflected, and diamond. 
Gradients can be applied on 
different layers, which in turn can 
be distorted or warped to create 
unique gradient types. 
Alternatively, apply effects like 
Liquify to create gooey gradients. 
Unlike using a normal fill, if you 
adjust the gradient content using 
Layer>New Fill Layer, a scaling 
option is offered which means 
that the gradient is scalable and 
adjustable at any stage of the 
creative process. Lastly, 
gradients can be used 
throughout layer effects. 


Preset manager 


This is a central repository for all 
brushes, shapes, contours, and 
gradients. Go to Edit>Preset 
manager and select Library Type. 
Buttons such as Load, Replace, 
Save and Rename give you total 
control over Photoshop add-ons 
(except plug-ins), Each add-on 
has its own Library palette. The 
palette can only display a 
maximum of 500 items, in list 

or thumbnail. 


Gradient Layer 
effects 


Gradients can be used in strokes, 
inner and outer glows and 
gradient overlays. For gradient 
overlays, all the standard 
gradient types can be used. 
For stroke settings, set Stroke 
Type to Gradient and an 
additional useful gradient type 
can be applied, shapeburst, 
which follows the selected 
shape outline. Different 
gradients can be used for each 
individual effect. 


Go to File>New (700x700). Select the Gradient 

tool and palette to display gradient stops and all 
available gradients in the current library. Extend the 
dialog to make it easier to add gradient stops. 


4 | Above the gradient bar, place the following 
opacity stops: 100 per cent at O per cent 
location; 100 per cent at 100 per cent location; 75 
per cent at 50 per cent position; 0 per cent opacity 
stop at 25 per cent; and 0 per cent opacity stop at 
location 75 per cent. The gradient has the maximum 
colour at the edge, with transparency in the centre. 


Set the Blending Mode to Difference. 

Now click the diagonal in the bottom-left 
corner and drag to the top-right of the image and 
release, creating a slightly smeary radial padded 
dome effect. 


2 | Delete all existing colour and opacity stops 
from the current gradient. The last two stops 
cannot be deleted. To remove a stop, select it and 
drag it from the colour or opacity bar off the dialog. 
The edited gradient still exists, by the way — any 
changes are saved to a new gradient. 


a To change the blending, modify the Colour and 
Opacity midpoints. Set all the Colour midpoints 
closer to the blue, increasing the redness of the 
gradient. Repeat for the Opacity, setting the 25/50 
per cent midpoint towards the 25 per cent and the 
50/75 midpoint closer to the 75 per cent, displaying 
more of the centre and faint bands of blue. 


8 | Go to Layer>Duplicate layer. Then go to 
Edit>Transform>Distort to distort the gradient. 
Move the bounding box points to create a distorted 
3D perspective, making the top layer smaller than 
the background layer. 


3 | To add stops, just click the bottom bar. To 
create a red, blue, red gradient, set the first 
stop to red and the second stop to blue. Move the 
red stop to 0 per cent location, and blue to 10 per 
cent. Select the red stop and click the 20 per cent 
location to create a new red stop, then click the blue 
stop and click location 30 per cent, and repeat for 
40, 50 and so on. 


il 


Press the New button to save the new custom 
gradient. To be on the safe side, save the 
gradient library and gradient using the Palette 
dropdown. Select the Gradient tool, set Gradient 
Type as Radial and Blending to Normal and place 
the cursor at the image top-left, dragging the 
Gradient tool to the bottom-right and release. 


g Apply a Layer effect to the duplicated/distorted 
layer. Check the Dropshadow and Bevel 
options. Select the Outer Glow and set it to Gradient 
Option, Blend Mode to Difference, Spread to 0, and 
Precise. Save the document for use later. > 
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Part 2: Custom shapes 


Next we show you how to create a shape using ///ustrator 8 
or 9 then import it into Photoshop... 


Illustrator plug-ins 


Illustrator comes with a huge 
range of native plug-ins/filters 
but in the past few years there 
has been an explosion of third 
party plug-ins for illustrator 8/9, 


Shape layers, paths 
and fill regions 


Shapes can be used in three 
ways: either as a shape layer, 
path or fill region. Shapes can 
also be tweaked, distorted or you 
can apply perspective to them. 
They can also be intersected or 
united with other shapes or 
converted text, manipulated at a 
point level, and points can be 
added or removed. The initial 
shape is just a starting point. 


Other libraries 
available 


Shapes, brushes and gradients 
can be found on the Web. Custom 
shapes for Photoshop can also be 
used in Elements, which comes 
with a wide selection of shapes. 
Shapes can be created from 
converted text as well. 
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@ In Illustrator 8 or 9, use the Circle tool and 
create a quick cigar shape by dragging the 
cursor downwards (with a little horizontal 
movement). Copy the shape and offset. Select 
both shapes, and use the Align tool to vertically 
align the centres. 


4 | Place the selected path below the original, and 
connect both halves slightly. Horizontal align 
centre and pathfinder ‘unite’ for the shape. Copying 
the ///ustrator path, switch to Photoshop, open a 
700x700 new document, and paste the path. Select 
the shape option. The copied path is now a shape. 


With one shape already on the document, 

additional shapes can be added. Four buttons 
will be displayed: select the Add button (the first 
button) and repeat, dragging shapes across the 
image. The shapes unite to form a single shape and 
the layer effect changes to reflect the new 
combined shape. 


e Pick the Twirl tool and twirl the paths 
clockwise. Combine the paths by applying the 
pathfinder ‘unite’. Using the Free Transform tool, 
grab the top-right bounding point and hold down 
the Control-Alt-Shift (on a Mac, Command- 
Option-Shift) keys to apply perspective to the path. 
Or use the Free Distort tool. 


Go to Edit>Define custom shape to save 

shapes as semi-permanent. If you replace the 
library, the defined shape will be lost. To 
permanently save the shapes, open the Shapes 
palette and save as a Shapes library via the Palette 
dropdown. The shape can now be shared with other 
Photoshop users. 


Select the Move tool. Go to Edit>Transform> 
Distort, distorting the shape layer. The shape 
is still a custom shape, so go to Edit>Define custom 
shape and the shape can be used again and again. 
To completely save the shape, use the Save 
Shapes command. 


a Create a large square. Place the square over 
the bottom 2/3 of the combined shape (don't 
overlap smaller curved path). Divide pathfinder, 
using Object>Ungroup. Select the square and the 
bottom ungrouped cut paths and delete. Pathfinder 
‘unite’ top path and select the top half. Double-click 
Reflect and Copy (horizontal axis) tool. 


G Open a new image, select the Shapes tool and 
palette, and highlight the required shape. 
Three buttons appear in the top-left. Click the first 
button for a new shape layer and select a style in the 
Shapes-Styles palette. Drag the Custom Shape tool 
(you will see a + cursor appear) across the image 
and release. 


9 | Shapes can be applied as work paths or 

filled regions. Using the defined shape (select it 
from the Custom Shapes palette), press the third of 
the shapes buttons, and set it to Filled Region mode. 
Filled regions are great for flat colour and Web 
design effects. 


Part 3: Create new brushes 


Painter is a wonderful source of new Photoshop brushes, 
either created from natural brush strokes or nozzles 


RIFF/Nozzles 
as brushes 


Painter is a wonderful source for 
new brushes, either created from 
natural brush strokes or nozzles. 
Nozzles are a great source for 
more image- or abstract-based 
brush strokes and as with all 
Painter brushes, they come with 
a wide range of variants. Painter 
also has a very useful capture 
brush feature. 


Brush format 


Brushes created for Photoshop 6 
can be used in the recently 
released Photoshop Elements 
(available from [w] www.adobe. 
com, price $99), though notin 
5.5. Brushes are integral to the 
Photoshop toolbox: Airbrush, 
Paintbrush, Pencil, Clone, 
Pattern Stamper, History, Art 
history, Eraser, Background 
Eraser, Blur, Sharpen, Smudge, 
Dodge, Burn, and Sponge. Each 
brush comes with its own options 
such as Finger Paint or Apply 
mode. If a work path is selected 
then brush strokes can be 
applied to the stroke with the 
current tool brush. 


Artpad/Pen 


Painting with a mouse is fine but 
for a more painterly effect (and 
control), a pen is essential. If you 
haven't got a pen, resizing the 
brushes is a matter of resampling 
the brush and re—defining it. If 
you have a pen though, additional 
options are available — you can 
use pen pressure to control the 
brush dynamics: size, pressure, 
opacity, colour, and so on 
(depending on the tool selected). 
The Colour option enables 
foreground and background 
colour blending. 


ag Create a shape (with a foreground colour of 
red) in a new 300x300 document. Go to 
Layer>Layer Styles and check Bevel and Emboss to 
create a bevelled shape. Check the Gradient Overlay 
and select Pre-made Gradient, and set Blending 
Mode to Difference, Gradient Style to Linear. 


rad 
4 | Draw a spiral brush stroke (with the spacing 

close to zero). Go to Effects>Depth Of Field 
(default settings), to add a slight blurring to the 
nozzle brush stroke. Click the Brushes icon on the 
Brushes palette and set to Smeary Bristle Spray. 
Select the whole document and capture the current 
brush (Brush menu). 


Open the final gradient saved image and 

flatten the layers. Select the Art History tool 
and set the Style to Dab (you will also notice a wide 
range of different styles: the dab is one of the 
easiest to control). Click on the Brush palette and 
select the newly created brush. Use a mouse or pen 
to create an instant Impressionist effect. 
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& Go to the Paths palette and highlight ‘Shape 1 
clipping path’, click on the right arrow, and 
Make Selection (Feather Radius 0). Then go to 
Select>Modify>Contract to contract the shape by 1 
pixel. Go to Select>Save selection and save your 
shape as a TIFF. Open the TIFF in Painter and go to 
Select>Load selection, then save it as a RIFF. 


G Create a new 300x300 document. Using 

a mouse (not so great) or a graphics tablet 
(better) on a brush size of 90, sketch out a blurry 
brush stroke (set the Colour to Black) and save. Avoid 
painting to the edge because this creates a brush 
with a shaved edge. 


8 | Select the middle of the image and copy and 
paste. Use the Eraser tool and select the new 
brush, then erase parts of the pasted layer. Go to 
Layer>Layer Styles>Drop shadow and check the 
Bevel style. Go to Edit>Transform>Distort to give a 
3D appearance to the layer. 


3 Open a new Painter document, white, 
300x300. Go to the Brushes palette and select 
the Image Hose tool. Nozzles are loaded via the 
Nozzles menu and Load Menu option. Select the 
RIFF brush, and the nozzles definition will be 
displayed for that nozzle, except the defaults. The 
hose is now loaded. 


Open the saved Painter brush in Photoshop 
G (300x300 document), and go to Edit>Define 
brush. As with shapes and gradients, the brush is 
saved in the current brush library. Select any brush 
tool (say Art History) and the Brush palette will be 
displayed. Click the right arrow and save the 
brush set. 
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9 | Layer>Layer Styles>Copy Style copies the 
current style. Layer>Create New Layer and 
Layer>Layer Styles>Paste Layer Style applies the 
same layer settings to a new layer. Select the Airbrush 
tool and Paint, Dropshadow and Bevelled airbrush 
strokes. To distort or warp the brush strokes, go to 
Edit>Transform>Again. EEE 
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1. “No dog was harmed in the making of this one,” laughs Joe. 
“We hired a wind machine to get some motion, but it didn't 
really have much effect, so we had to work to get the right 
effect. Motion blurs and swish lines can sometimes look 
cheesy, so it’s tricky to fine-tune. It’s things like the placement 
of the popcorn that best implies movement.” 


2. A series of images created for a Scottish Conservatives 
poster campaign required The Pixel House to place violent 
tornados in familiar city locations. “We looked at photos of real 
tornados to get an idea of the shapes and colours involved. The 
Picture House took the photos, so we were able to work with 
the photographer, and discuss what the implications of 
retouching would be. The first thing was to clear the people and 
cars from each image, grade them, and add sky detail from an 
in-house library.” 
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The Pixel House 


"Retouching is like Blue Peter for grown-ups, with Photoshop as 
the sticky-back plastic." Joe Connelly shows some he made earlier 


though established just two years ago, 
Glasgow-based The Pixel House has already 
built up an enviable client list that includes 

! Standard Life, The Royal Bank Of Scotland, 
and The Glasgow Herald. The fact that parent company 
The Picture House is already a well-established 
photography studio has obviously been beneficial. And 
as managing director Joe Connolly explains, “We 
spent a lot of time conducting market research, 
targeting ad agencies and designers to get their 
thoughts on using this kind of service. As a result we're 
now at a stage whereby people are aware of what we 
can offer.” 

What The Pixel House does offer is an artistically- 
orientated digital image manipulation service. As Joe 
explains, “A lot of repro companies approach things 
technically, whereas we look at things aesthetically 
and then back that up with sound technical knowledge. 
Even if a client simply wants us to print out a scan, we'll 


take time to try to improve that shot. Our photographic 
background gives us a better eye for the work.” 

The set-up is a small one, with Joe handling all the 
retouching work himself, and making use of The 
Picture House's staff and resources. Joe spent eight 
years as a photographer until a forward-thinking friend 
suggested getting an Apple Mac. 

“| plunged in at the deep end, buying some gear and 
taught myself. I'd been at college with one of the 
founders of The Picture House, so the idea of starting 
up The Pixel House as part of that company sprung 
from there. In fact we had our first clients literally a 
week after getting the system set up. We were flying by 
the seat of our pants, but then | think that’s the best way 
to do it. You do your best work when your back is 
against the wall.” 

Joe has nothing but praise for Photoshop, which is 
used for almost all of the work at The Pixel House 
(/llustratoralso plays a very small supporting role). 


3. The band had seen a prohibitively expensive library 
shot they liked for this album cover. “We found a 
generic image of a city that cost just a couple of 
hundred quid,” says Joe. “Almost everything you see in 
the final image was on the original photograph, but it 
looks more /llustrator-ish now.” 


4. Created for Standard Life, Joe used six different 
transparencies to build this final shot. “The main shot 
was the bottle with liquid coming out, then we shot the 
cork in relative perspective, and manipulated it to give 
the impression of motion.” 


5. This Scottish Power poster gets its message about 
energy efficiency across with an image of radiators 
fixed to a house exterior. “We applied a post- 
production sort of semi-soft glow to this one, really 
pumping up the colours. Quite a bit of retouching work 
was also required, totally changing the skyline.” 


7] 
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“Retouching is like Blue Peter for grown-ups, with 
Photoshop as the sticky-back plastic. It's excellent at 
replicating photographic techniques. And it’s also a 


totally creative program. You can invariably get from A 
to B ina dozen different ways, and you tend to find that 


a filter or something you use for one purpose ends up 
inspiring you to do something else. You basically get 
out what you put in.” 


Beyond retouching 


While The Pixel House is able to offer simple 
scanning and output services, it’s the talent for 
retouching images for which the studio is fast 
becoming renowned. “There's a difference between 
retouching that’s good and retouching that’s really 
special. That’s what | like to think differentiates us: 
we've got a better understanding of shadow and form.” 

Texture also plays an important role. When new 
elements are added to an image, it’s crucial that the 
grain pattern matches the rest of the image. “We're 
using technology and then degrading with a Noise 
filter to make it look organic. It sounds strange, but it’s 
an important part of the process.” 

The Pixel House works closely with the 
photographers responsible for shooting the original 
material. “We also work together in pre-production 
meetings with a client, working out how best to 
approach a shoot. Shooting with the intention of 
retouching is different to taking a normal shots. And it 
makes for a very creative process from start to finish.” 

Dealing with the advertising and design industries, 
Joe admits that handling the art direction and 
production areas of a client business can pose a 
challenge. “You have to become a go-between, 
working with both sides to make sure the process is 
tight. And when approaching a new client it can be 
difficult to judge which side to approach first.” While 
it’s the ‘all-singing, all-dancing’ retouching work that 
gets the most attention, Joe stresses that one of the 
studio's real strengths is its more subtle work. Its 
approach to colourisation is intended to mirror that 
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used by post-production houses in broadcast, 
applying similar grading and colourisation techniques 
to the still images. 

The next challenge for The Pixel House is to 
increase its client-base outside of Scotland. “With 
ISDN it shouldn't be a problem, yet it’s surprisingly 
difficult thing to break in down south. We're based in 
Glasgow and about 80 per cent of our work comes 
from Edinburgh.” He hopes that the location will give 
the studio an extra edge. “I think our location gives us a 
different outlook, one that’s maybe more laid-back 
and creative than it would be in London.” The chances 
are we'll soon be seeing more of The Pixel House's 
work south of the border. Whether it'll be so easy to 
spot is another matter. As Joe says, “The best work we 
do is stuff you’d never even notice.” EEE 


7. “This Royal Bank Of Scotland image is a good 
example of colour technique,” says Joe. “The 
original transparency’s colouring was very 
different. The other big thing involved smoothing 
out all the ripples on the water. That ability to 
fine-tune is the big difference with photographic 
work now. Clients no longer have to accept 
imperfections in a shot.” 


8. “We had 12 rats organised by a handler, but 
they all looked very clean, so this handler 
applied baby oil to the rats,” laughs Joe. “We 
then shot a couple of hundred images and 
basically a cut-and-pasted those, using the 
Extract tool in Photoshop 6. We didn't have time 
to get the shadows correct, but because there 
are so many rats in there your eyes aren't drawn 
toit.” 


9. This image is actually an ad for a paper 
recycling company, the idea being that the 
Beetle itself is a recycled car concept. “In theory 
this one is quite simple. But giving the photo 

that disjointed look meant cutting it out and 
working with dozens of layers.” 
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portable training solutions 


Would you like your Macromedia or 
Adobe training in-house but don’t 
have access to a training room? 


Let Symbiosis run the course at your offices and take 


advantage of web-theatres, our go anywhere training From beginner to advanced... 
facility. 


A fully portable training facility for up to 6 delegates. 
Your staff will get high quality training, without the 
inconvenience and high costs of being away on a course. 


juatudojaaap pue Suiules sAneeud 


Call Rebecca now for full costs and availability on 
01926 436937 or email training@symbiosis.com. 


Authorised Macromedia & Adobe training provider. 
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Pixel House tutorial part 1: Prepare the images 


The first step is to prepare the images that we'll be using for the 
retouch, using Curves to adjust the colour balance... 
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About the brief 


Joe Connelly completed this job 
for Oneagency in Edinburgh on 
behalf of their client, Curtis Fine 
Papers. It promotes their 
Conservation Paper range — a 
100 per cent virgin pulp recycled 
paper. The brief stated the 
objectives as follows: “i) to 
generate an awareness of the 
brand, ultimately increasing 
sales of the paper, ii) to convey 
the image that Curtis are 
innovative with designer appeal.” 

Curtis Fine Papers wanted to 
use the new VW Beetle because 
they felt that it was a design 
classic, with environmentally— 
friendly, green credentials. 

The main brochure used 
VW Beetle imagery, together 
with the paper montage. “An 
ideal way of showcasing the 
product in a contempory way and 
conveying the recycled values,” 
concludes Oneagency. 


Quickmask mode 


This mode is particularly useful 
when making selections because 
it offers infinite editability when 
used in conjunction with the Pen 


tool. Good shortcuts for the 
Curves are — Ctrl\/Command+M 
calls up the box apple, and 
+1,2,3 or 4 enables you to scroll 
through the CMYK channels in 
that order. 


@ Open the image called paper.psd from the CD 
and create a path around the image with the 
Pen tool, being careful to include shadow highlight 
and depth areas of the image. 


Press Q to exit Quickmask mode then go to 

Edit Copy> Edit Paste. This leaves the original 
image (background) and layer 1 with just the paper 
image on it. Now fill the background layer with 
white, select it on the palette, press D to reset the 
back/foreground colour then hit Ctrl/Command 
+Delete to fill. 


Open the Beetle image, and using the Pen 
tool, carefully create a path around the car. Pay 
special attention to the clean curves of the car - the 
accuracy of your cut out should reflect this (don't 
forget the area between the car and the shadow). 


f 5 3 | With the selection active, press Q to enter 

<a Quickmask mode, then go to Blur>Gaussian 
blur from the Filter dropdown menu, with a radius 
of 1 pixel to soften the edges. 


Click on the dashed circle at the bottom of the 
Paths palette, making it a selection. 


G In the Layers palette, select Layer 1(paper) and 
then Image>Adjust Curves, selecting the 
Magenta Channel Adjust Curve as shown: this cools 
the image slightly for a more pastel look. 


5 | Save, then go to Image>Canvas Size, width 
26cm, height 18cm. This is an aesthetic choice 
to give the image more breathing space. 


8 | Again from the Paths palette, make the path a 
selection and hit Q, then Filters>Gaussian blur, - - 
1.2 pixel radius. Using the Airbrush (J) with pressure 9 | Coming out of Quickmask (Q) go to Edit, 


of 30 per cent, softly feather the shadow at the 


Copy and Paste to create a layer of the car. As 
front and back wheel. 


before, fill the background with white and save. 


Part 2: Preparation for main retouch 


This stage enables us to prepare the images in relation to 
one another using the Transform and Move commands 


Transform mode 


While in one of the Transform 
modes such as Scale, holding 
down the Control/Command key 
then clicking the mouse gives 
you a shortcut menu to the other 
Transform Options without 
having to apply the one you are 
already using. 


og Now reduce the size of the car so that it 
ay With both images open, drag the car layer Selecting the car layer on your new composite fits entirely on to the paper image. Go to 
from the Layers palette on to the open image, go Edit>Transform> Rotate to square it | Edit>Transform>Scale, drag from a corner and hold 
window of the paper image. up in relation to the paper. down Shift to ensure the proportions remain true. 
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G The final touch before proceeding with the 
main retouch is to colour balance the car 


5 | Tidy up the shadow of the car with a low 


Opacity Eraser of about 10-15 per cent to because it has a cyan cast. Go to Image>Adjust 
image where you want in relation to the paper. make sure the edges are gradual and feathered. Curves and dial out cyan. 


4 Now with the Move tool (V), place the car 


Part 3: The main retouch 


How to use the black channel to give the impression of 
increasing contrast without actually increasing it... 


Fianna 
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2 | If the image was made up of lots of pieces like 
a jigsaw, only the face of the paper would have 
1 | Highlight the car layer and reduce the Opacity —_ an image on it, so highlight the car layer and using g Put the Opacity of the car layer back to 100 

to about 10 per cent so that you see the paper _ the Polygonal Lasso with a 1 pixel feather, select an per cent and you should have something like 
underneath clearly, with a ghost image of the car. area that is side shadow or highlight. the image shown here. > 
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Part 3: The main retouch continued... 


Auto Layer Select 


Save time by using Auto 

Layer Select on the Move tool 

if you have a new enough version 
of Photoshop. 


G Working on the car layer, set the Opacity to 
about 65 per cent. One advantage of working 
in CMYK is being able to isolate the black channel. 


Increasing its density (Image>Adjust Curves>Black) 
gives the impression of increasing contrast without 
altering midtones and highlights. 


Proceed to do this to all similar areas until your 


With the car layer selected, go to Cut (Ctrl/ 
4 | 5 image looks something like the screengrab. 


Command + X) to remove it from the image. 


8 | It's starting to look like the image is made up 
from lots of bits of paper but all the lines on 
the car are nice and neat. We need to make this ae 
more random. On the car layer, use the Polygonal 

Lasso tool and select a bit of paper as shown. 


We are now going to increase the black on the 
paper layer in the same way to make the 


Copy the selection and paste it. When this new 
shadows darker. 


layer is in place use the Move tool (V) to offset 
a piece of the image. 


12] The aesthetic decisions often make all the 
difference with images like this, so mess about 
with the colours until you have a result you are 
happy with. CMYK is great for this because it 
enables more subtle colour changes and more 
options within its gamut. EEE 


oO Now with the Clone tool set to 100 per cent, 
working on the new layer (layer 3) fill the 
bottom area. Repeat with various areas of the 
image until you are happy that it has a more 
random feel about it. 


10) You will see a line where the new bit has 
been moved. Again, make the selection of 
the original area. 
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FOR ALL WEB DESIGNERS 


Every month, Cre@teOnline showcases the finest sites 
on the Web and the people behind them. As well as 
acting as a forum for professionals to exchange ideas, 
we also explore how sites can be improved and the 
effect they have on their end users. If you want to 
stay ahead of the game, start here. 


THIS MONTH: STATE-OF-THE-NET ISSUE 


Our second annual State-of-the-Net edition is a very special 
issue of Cre@teOnline. This month we interview over 250 
professional Web designers around the world to discover 
where our Industry is up to. We're looking at the problems 
you face in your day-to-day work, how you're coping with new 
technology, your plans for the future and your response to the 
misery of the last year (and when you think the pain will all 
be over). This 18-page feature is the only definitive guide to 
the views of global Web designers so if you care about the 
Industry you work for, this is one issue you can't miss. 


PLUS: 

How to start up your own Web agency. Web designer Adrian 
Selby kicks off a four part series exploring the ins and outs of 
going it alone. If you've ever thought of making the jump, 
this is the first place to start. 


Web services has the power to change the way you use and 
design for the Web. We explore how it works and what it 
could mean to the functionality of your Web offerings 


New-look news section with new areas for iDTV, wireless and 
B2B sites. Plus, the first UK roadtest of Macromedia's new 
collaboration software, Sitespring. 
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Photoshop 7... ? 


Where next for Adobe's flagship product? We talk 
to professionals out in the field about the things 
they'd like to see implemented in version 7 


he world’s most popular image editing 
package continues to go from strength to 
strength, with each version of Photoshop 
adding new functionality and widening its 
appeal. But inevitably there are always features users 
would like to see tweaked, ways in which the user 
interface could be further refined, or completely new 
functions that could be added. 

With Photoshop 7 expected early next year, Adobe 
is keeping firm product details under wraps, jealously 
guarding the list of changes and enhancements we'll 
find come the launch. But what of the needs of the 
actual users? 

Computer Arts polled 12 professional users, people 
right across the digital design industry who use 


Photoshop in a wide variety of ways, for their thoughts 
on the future of Photoshop. From TV graphics 
production to pure illustration work, the needs of these 
people reflect the diverse needs of the Photoshop 
community as a whole. 

All these comments and requests have also been 
passed on to Adobe, though of course we'll have to 
wait until the arrival of Photoshop 7 to discover 
whether they've been incorporated into the new 
features. In the meantime, why not have your say? 
Adobe prides itself on using customer feedback 
when developing its software. Head over to 
[w] www.adobe.com/support/forums to get your ideas 
across. Who knows, they make just change the way we 
all use Photoshop in the future. > 
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Sanjay Kothari 


Photographer 


[w] www.sanjaykothari.com 


Clients include Adobe, Kodak, Dell, IBM, Delta 
Airlines, Time magazine, The New York Times, 
Newsweek, Wired, Atlantic Records, Lotus, 
Saatchi & Saatchi, Ogilvy & Mather. 


“I've been an alpha user of Photoshop in the past. For 
version 3, | suggested the layer mask, and in version 4 
the Transformation tool. For 7 | have a couple of things 
I'd like to see, nothing huge: one is to make the size of 
the palettes scaleable, so they can be shrunk down to 
an unobtrusive thumbnail size. And how about an 
Image palette, into which you can link images, saving 
the need to constantly search through your hard drive 
to find a file? Again this could be scaleable, because 
once you knew what the images looked like, you'd 
recognise them even with the palette shrunk. I'd also 
suggest having a key to enable users to resize a brush 
in real-time, scaling it in a similar way to the Circular 
Marquee, though with a numerical pixel size readout. 
At the moment you have to go to the palette to change 
the brush size, double-click on it, adjust the slider, 
come back out and start working on your picture. If it’s 
not quite right, you have to do the whole thing again.” 


ESN INS ce 


FEATURES IN PHOTOSHOP 6 
1. Improved text handling 
2. Vector-based shapes 


8. Added workflow capabilities 
9. Context-sensitive Tool Options bar 
10. PDF output with vector support 


David Vickery 
Product designer 
[e] davidvickery@hotmail.com 


Has created pop promo video for new Feeder single 
Piece By Piece. 


“A better sense of 3D space would be hugely 
beneficial. If you could somehow still retain the 3D 
perception of a scene from 3ds max or Maya once it 
was imported into Photoshop, this would enable more 
intuitive compositing of 3D elements with real or live 
action shots. Even something as simple as being able 
to create rudimentary 3D surfaces, so that you could 
add more realistic shadows and lights to scenes 
containing a mixture of real and generated images. 
Also useful would be an effects builder. Standard 
Photoshop filters are instantly recognizable, but some 
kind of effects builder would make it possible to create 
an unlimited number of custom effects. They could 
also have their own Editing channel. I'd also like to 
have the option to interpret Alpha channels as they are 
pasted into layers on a Photoshop document, as in 
After Effects. And finally, /llustrator-like measuring 
tools would be most useful.” 


PHOTOSHOP 7 
1.A Filters palette 
2. Improved Layers palette 


AND REQUESTED ADDITIONS TO 


Chris Stocker 


Production 
[w] www.chris-stocker.co.uk 


His work has appeared on the covers of a multitude of 
magazine publications, including Computer Arts, Metal 
Hammer, T3, SFX, DJ, Computer Publishing, Official 
Playstation 2 Magazine, and PC Gamer. 


“My hope for Photoshop 7 isn't for huge numbers of 
new gadgets to play with, but for many of the current 
features to be slightly better implemented. I'd like to 
see the integration of Photoshop with ImageReady, or 
even to have ImageReady as a Photoshop module. 
Elsewhere, clipping path masks could have soft edges 
and a noise slider, to enable edges to match the grain 
of the underlying image. The ability to combine or 
subtract different paths with different-sized soft 
images without having to turn them into pixel-based 
layer masks would also be a good idea, as would the 
ability to drag one folder into another in layers. And 
how about saving the history with the file, and also 
updating some of the old filters? It would also be 
better if they worked with CMYK files. Finally, it should 
be possible to use the Liquify command on floating 
layers while being able to view the layer beneath. At 
the moment this just doesn't work.” 


7 Natural media-style colour mixing 
8. More natural media tools 

9. Resizable palettes 

10. Improved clipping path options 


[ste 
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4. |mproved layer management 
5. More intuitive interface 
6. Layer Styles 


7 Increased capabilities with Layer effects 


3. Better ImageReady integration 
4. Better spot-colour support 
5. More Vector tools and effects 


6. More accurate Type tools 


11. 3D object support 
12. Flash export 


13. An all-new set of filters 


a 


John Welsh 


Illustrator 


[e] welshonemillion@hotmail.com 


Has worked at Research Studios, a company in 
Islington owned by the designer Neville Brody, and is 
currently working at Aberdeen-based studio 50k. 


“| think what Adobe has done so far with Photoshop is 
pretty spot on, so there are just a couple of things I'd 
like to see. A simple, but really nice feature of 
programs like /llustratorand FreeHand is that you can 
work on lots of different images, or different versions 
of the same image, within a single file. It’s useful 
because you can so easily compare one composition 
with another, and lends itself very readily to keeping 
everything going simultaneously if your project 
involves different screens or pages. I'd like to have the 
option of using Photoshop in this environment so | 
wouldn't have to switch between windows so much. The 
addition of scaleable shape layers is definitely a step 
in the right direction and it would be great if Adobe 
would take this further. Being able to apply more 
Photoshop functions to vector content without first 
rasterizing would be another good step.” 


Alistair Dabbs 


Digital imaging and production 
[w] www.dabbsnet.com 


Has worked for many Future Publishing titles 
(including) Computer Arts, as well as publications by 
IDG, VNU, Dennis, Crimson, Market Link and Onboard. 
Currently writing a book on interface design for digital 
designers for Ilex Press. 


“At the top of my list is a Colour Mixing palette along 
the lines of a real-world paint ‘palette’, forexample, a 
piece of wood which you could smear paints onto and 
mix together as required. At the moment, you either 
pick or create one-off colours, make a note of their 
numeric values, or copy them laboriously to the 
swatches. | want to do it visually, not with numbers or 
triangular greyscale concepts. Associated with this is a 
need to combine its Colour, Swatches and Libraries 
palettes, plus the colour selection buttons on the 
toolbar, into something less disparate. You wouldn't 
expect to work with four separate floating palettes for 
font, type size, leading and kerning in a DIP package, 
so why do it with colour here? I'd also like to see some 
more effect-painting functionality in Photoshop. 
Sometimes a Magic Wand and Lasso just doesn't slice 
the mayo, you just want to paint an effect on in 
real-time with brush strokes. Photoshop does this but 
only ina limited and convoluted fashion. Basically | 
want it to work like Photogenics.” 


Nina-Simeone Drabwell 


Art manager 
[w] www.sdreams.co.uk 


Works at games development company Silicon Dreams 
on titles including UEFA Champions League 2000, 
UEFA Champions League 2001, and upcoming title 
Lego Football. 


“Anything that enables more flexible manipulation of 
images would be great. Adjustment Layers are very 
useful, for example, but it would be nice to see the 
same approach for filters, enabling us to tweak them 
and adjust their place in the layer order. On the subject 
of layers, Photoshop currently enables us to create 
filled paths as a vector-based shape layer. This could 
be expanded to incorporate an editable vector-based 
stroke layer, where you can pick and adjust the options 
for the tool to stroke the path, for example, Brush or 
Eraser. Similarly, having an image history is very 
useful, but it would be so much more advantageous if 
the user could remove items independently from the 
stack rather than simply go back to a single point. And 
palette manipulation is something | hear people moan 
about a lot. I'd like to see something with more 
functionality and reliability. Finally, anything that helps 
to increase workflow, such as customisable marking 
menus, would be a plus.” 


What readers want 


Readers of Computer Arts’ Web forum were asked for their thoughts on what Photoshop 7 ought to include... 


“Slim down the program. Give the 
option to load or unload plug-ins 
without restarting, as in Maya. 
Redesign the Pantone Chooser. You 
could Ctrl+Shift+Alt right-click to 


bring up the toolbar or chosen palette 


— Paul Stones 


where your mouse is.” — Dirty Mike 


“I'd like path text, improved unsharp 
masking, perspective guides, true 
graduated shadow casting, Flash 


export, and more Easter Eggs!” 


“Replace the Layer Styles dialog with 
amore economic design or return to 
palettes. Bring back the option to 
have Color Dodge and Burn work in 
the same way as version 5. Update the 
filters, most of which are untouched 
since version 4. And how about a 


Filters palette?” — Markzebra 


“Add more tools for small pixel 
images (sprites), such as layers 
enabled in 256 colours, and the 
ability to disable anti-aliasing using 


“Have Gradient blurs and font 
selection by typing in the selection 
box, rather than scrolling” — 


Simon Hollington 


the Line and Shape tools. Include 
static and animated Flash 
exporting.”— BlackLight 
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Matt Herring 


Illustrator 


[e] matt. herring@virgin.net 


Work created for clients including BP, Royal Mail, 
Natwest, BBC Worldwide, Microsoft, Design Week, 
British Airways, Toyota, Nike, Penguin, The Daily 
Telegraph, the MOD, Harper Collins, Radio Times, 
and Financial Times. 


“Something | find when scaling an image up is that the 
way it uses interpolation could be done more 
accurately. More versatility with the Type tool would be 
a good see, as would including a lot of the same 
elements, tools and processes as in FreeHand, such as 
selecting type, leading and kerning in a more precise 
way. The Vector tools could also be improved, for 
layout-based stuff and creating diagrammatical bits 
and bobs. Having to create these in another program 
and import them gets a bit messy after a while. The 
only other thing I'd really like to see improved is the 
choice of filters. | found version 6 was a vast 
improvement, but it would still be good to get 

some really good ones. With a package like 
Photoshop you really expect to get some really 
revolutionary filters included as standard. Something 
like the Eye Candy ones [from Alien Skin Software, 

[w] www.alienskin.com] would be nice.” 

— see our CD, this issue. 


Grant Carruthers 


New media/graphic designer 
[e] grantcarruthers@hotmail.com 


Has exhibited work with the ‘Images’ Illustration 
Competition, and in Computer Arts. 


“When | thought about how Adobe might improve the 
next version of Photoshop, | found it surprisingly 
difficult to come up with suggestions. The last upgrade, 
with advanced typographic controls, vector/bitmap 
versatility and greater integration for Web, covered 
most of my main issues with the program. However, 
perhaps Adobe could look at more support for spot 
colour images. At the moment] think it’s a bit of a hit 
and miss trying to accurately predict how this type of 
image will print. And aren't there any ways of removing 
the need to keep both a flattened and an unflattened 
file of a graphic? It would be great if a file could be 
optimised for inclusion within documents or media, yet 
retain the layer information within that file for future 
editing. And since working in new media, I’ve really 
begun to appreciate that file sizes generated, 
particularly for print, tend to be very large. Could this 
be addressed?” 


Kevin Rooney 
3D animator 
[w] www.eye-animation.com 


Works at Eye Animation Studios, most recently on the 
latest intro sequence for The South Bank Show. 


“| find it really hard to fault Photoshop, so coming up 
with a wishlist for version 7 is by no means easy. But 
here are a few minor suggestions. It would be nice if 
you were able to save out an action as an editable text 
file enabling you to alter values over time when 
batching. For instance, it could be used to give a 
Gaussian blur value of 5 on frame 1, then 30 on frame 
50, and so on. If you use the Blur tool on the edges of a 
layer with Use All Layers checked off, a nasty black 
outline appears — this needs sorting out for the next 
version. And when you save out an image with 
transparency as a TIFF for example, it would be handy if 
Photoshop automatically created a corresponding 
Alpha channel. These gripes aside, it’s a tidy piece 

of software.” 


What readers want continued ... 


“The size of the Layer Styles dialog 
box needs an overhaul. Include a 
‘type ona curve/circle’ option, and 
the means to apply type-warping 
tools to rasterised type layers. Merge 
ImageReady into Photoshop.” — Alat 
Action FX ([w] www.actionfx.com) 
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“The Layer window is frustrating. | 
wouldn't mind a Tree view that 
enables you to hide the Layer window, 
like File manager in Windows. And 
when you cut something and want it to 
appear ina new file, you have to 
create the file. It could be like Paint 
Shop Pro, where it creates the new 
file for you.” — Esther 


“Give users a chance to organize 

the plug-ins into folders. Bring back 
the Line tool of PS5.5. Having Load — 
Unloading of fonts. A flexible Bending 
tool.” — El Toro. 


“How about a ‘make-good-atron? 
This is a set of filters which makes a 
lousy piece of work good. The inverse 
function would make a good piece of 
work really bad.” — Daffy 


| would like to see the basic 
commands like Brightness, Contrast, 
and the Adjustments like Invert ona 
toolbar. It's frustrating to wade 
through the menus to invert an image, 
or make it greyscale. — Chris H 


You can join forum discussions at: 
[w] www.computerarts.co.uk\ forum 


Victor Benady 


Creative director 
[w] www.randommedia.co.uk 


Works at Web design outfit Random Media, 

whose clients include Buena Vista, Channel 4/E4, 
Battersea Power Station, Central Office of 
Information (COI), London College of Fashion, 
Budweiser and The Spectator. 


“Put Layer Properties back on the double-click and put 
Layer Styles on the right-click, making it possible to 
view/select more than one path at a time. Include 
more sophisticated Vector tools for paths. Offer tighter 
integration with /llustrator — similar to that in 
ImageReady. Add shape transitions, to enable users to 
make gradients other than linear or radial ones. Text 
handling is superb but it’s still easier to get text done in 
another package and cut and paste into Photoshop. It 
would be useful to expand the Character window to 
include all text options: Create Warped Text, 
Smooth/Strong/Crisp and so on. Finally, a new 
feature could be a Preview mode. Instead of the 
designer having to prepare two or three documents in 
different colour modes, CMYK, specials and so on, 
these could be combined ina simple, clever way which 
showed certain areas where that specific colour mode 
could fail, like with the Gamut warning.” 


Sean Apple 


Compositor 
[w] www.foundationimaging.com 


Works at Foundation Imaging, the studio behind CG 
effects on shows such as Star Trek: Deep Space Nine, 
Star Trek: Voyager, and Roughnecks. 


“In addition to working with Adobe's After Effects 
motion graphics and effects package, my job here also 
involves the use of Photoshop. I'd personally find it 
very useful if there was a hierarchical chart created by 
the program as you worked, one that showed which 
elements were which. The chart would work in an 
organisational flow-chart fashion. Actually, this is 
basically the same sort of concept that you see used in 
the node-based compositing software packages out 
there, but it could work equally well within an image 
editing program such as Photoshop. Additionally, it 
would be cool if Photoshop's Channels had the same 
flexibility, specifically in the area of colour coding, 

as the new Layers have in the latest version of 

the software.” 


Here's the official response: 


Jeremy Cope at Adobe responds: “Some interesting 
suggestions. It’s always good to get feedback from 

our customers, and indeed it’s something that’s always 
been essential to the development of Photoshop. The 


ideas and points raised here will prove very useful. While 


We presented this mammoth selection of suggestions to Adobe. 


Simon Danaher 


3D artist 
[e] simon.danaher@ntlworld.com 


Has created works for Computer Arts, 3D World, |suzu, 
Fujitsu, BBC Worldwide and Avanti. The author of 
Digital 3D Design, published by Cassell’s (UK) and 
Watson-Guptill (USA). 


“Firstly I'd like to see another overhaul of the Layers 
palette. As they are, the layer folders are very nice, but 
they could still be improved. How about adding folders 
within folders, and also the ability to apply Adjustment 
Layers only to the contents of a folder, without having 
to use a mask? I'd also like to see the Adjustment 
Layers paradigm extended to include filters. Some of 
the most frequently-used filters like Blur, Noise and 
Sharpen implemented as Adjustment Layers would be 
great. I'd also welcome an Add Layer blending mode 
like the one in After Effects, plus native support of the 
Electriclmage file format. Essentially, | hope the next 
release focuses more on the hard-core image tools 
and not stuff that’s been added to recent versions such 
as Extract and Liquify.” GEES) 


it's not Adobe's policy to comment on the featureset of 
software that’s still in development, the feedback here, | 
as well as that gleaned from Adobe's own Web forums, 
will doubtless be taken onboard by the Photoshop 


development team.” 
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Frank Bartucca [e] bartucca@btinternet. 
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Candy 3.1 


We've included this complete Photoshop 
plug-in on our CD. Here we show you how to 
create some advanced effects with its filters... 


ye Candy 3.1is a set of 

21 filters for Photoshop and 
was originally sold in the 
UK for £124. However, we've 
brought it to you for free on our CD. You 
can install the plug-in directly from our 
CD interface, and we recommend that 
you register the app with Alien Skin. 

Eye Candy was first included with 
issue 63 of Computer Arts. There we 
presented a tutorial on creating some 
basic effects using some of the filters. 
Here we're going to concentrate on using 
the Fire, Smoke and Water Drops filters 
to produce some interesting effects. The 
Fire filter ranges from small, lapping 


flames to roaring infernos. Smoke 
produces effects from wispy cigarette- 
like smoke to billowing clouds. 
Meanwhile, Water Drops is a simple 
filter that creates coloured bubbles with 
lighting and effects and refraction. It 
becomes a bit more lifelike when 
combined with the Jiggle filter. 

When these filters are combined with 
different settings, layers and blending 
modes in Photoshop, you can push their 
application towards more realistic or 
surreal effects. All you need to doisa 
little painting, then start applying the 
filters and settings to create funky 
textures for illustrative use. 


Part 1: Fire 


A realistic fire effect can be achieved quite easily by blending 
several layers together to create movement... 


Not exactly 


Your results won't exactly 
resemble the screenshots shown 
here because each individual's 
brush strokes are going to be 
slightly different. Don't worry, fire 
takes on many shapes and forms 
and creating your own is much 
more rewarding than just 
applying a range of settings to 
someone else's example. 


Experiment, always. 


More Eye Candy 


We first included the full version 
of Eye Candy on issue 63 of 
Computer Arts. That issue also 
includes a tutorial on creating 
some basic but stunning effects. 
See our Back issues offer on 


page 93 if you wish to order one. 


ey Begin by creating a new document 15x15cm at 
300dpi. Fill the background layer with black to 
enhance the effect, then create a new layer. Using a 
brush with a width of 100 pixels loaded with white 
ink, paint a pattern like the one illustrated 


Create a new layer and, with the same brush, 

paint a few strokes at the bottom of the fire as 
illustrated. Now follow these settings in the Fire 
filter, Flame Width: 200, Flame Height: 600, 
Movement: 15, Inside Masking: 0, Edge Softness: 
50 and Random Seed: 19. This adds intensity and 
hides the rough edges. Set the Layer to Hard Light. 


On the same layer, select the Jiggle filter and 

choose the Turbulent preset from the pop-up 
menu. Then select the Squint filter and type in 4 
pixels for the Radius setting to soften the effect a 
little. This adds a bit more movement and intensity. 
Then create a new layer. 


a] Now go to Filter/Eye Candy 3.1/Fire and select 


the Engulfed preset from the pop-up menu 


above the preview screen in the Fire dialog box. This 
gives us a good starting point to build from, applying 


more fire effects 


G Create a new layer and paint a few wavy 
vertical lines at the top, middle and sides of the 
fire using a 60 pixel brush. Open the Fire filter and 
use these settings — Flame Width: 100, Flame 
Height: 200, Movement: 25, Inside Masking: 0, 
Edge Softness: 0, Random Seed: 82. Set the layer to 
Hard Light 


Using the same brush, paint curved lines in a 

tulip shape over the fire. Open the Fire filter 
and use these settings, Flame Width: 120, Flame 
Height: 250, Movement: 0, Inside Masking: 0, Edge 
Softness: 0, Random Seed: 1. Then in the Jiggle 
filter, set the Bubble Size to 754, Warp Amount: 
128, Twist: 0 and Movement Type to Brownian 
Motion. Set the Layer to Overlay. 


Duplicate this layer. Select the Fire filter, and 

with the preset mode set to Last Used, make 
these changes — Flame Width: 250, Flame Height: 
250, Movement: 100, Inside Masking: 0 and 
Random Seed: 100. Set the Layer to Hard Light. 


G Create a new layer and with the same brush, 
paint some more white wavy lines inside the 
fire. Open the Fire filter and follow these settings, 
Flame Width: 50, Flame Height: 160, Movement: 
20, Inside Masking: 0, Edge Softness: 0, Random 

Seed: 0. Set the Layer to Colour Burn to intensify 

the heart of the fire. 


On a new layer, paint a white lozenge shape 

over the base of the fire. In the Jiggle filter, set 
the Bubble Size to 999, Warp Amount to 300, Twist: 
90 and Movement Type to Turbulence. Then select 
the Moving Down preset from the Motion Trail filter, 
and the Extreme Blur preset from the Squint filter. 
This gives the intense white heat at the bottom. Use 
a layer mask to hide any unwanted areas. > 
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Here we look at creating a column of billowing smoke 
using a graduated background to bring the effect to life 


Long smoke 


Applying the Smoke filter 

can take ages depending on 

the settings. We waited up to 
half an hour fora mediocre 
result, so make sure you get the 
effect right first in the preview 
window. If it looks like it’s going 
to take a while to process, go 
back, make a slight change to the 
settings and try again. 


Cloudy smoke 


The Smoke filter can also be 
used to create cloud effects if 
used correctly. 


Open a new document the same size as the 

previous one. Create a new layer and select a 
brush of about 175 pixels loaded with black ink. Set 
the Opacity to 50 per cent and paint a rough 
diagonal column, overlapping in places to give 
differing opacities. 


4 | Create a new layer. With the same brush, paint 
over the smoke using 50 per cent white, 
making sure you go over some of the darker areas. 
Re-apply the Smoke filter then set the Layer Blending 
Mode to Soft Light to soften the overall effect. 


Now open the Smoke filter and follow these 

settings —- Wisp Width: 435, Wisp Height: 500, 
Breakup Amount: 75, Breakup Roughness: 100, 
Inside Masking: 0, Edge Softness: 0, Random Seed: 
40. Change the Inner Colour to 66C, 63M, 64Y, 66K 
and the Outer Colour to 28C, 26M, 41Y. 


5 | Create a new layer. Select the Clone Stamp 
tool with a brush size of about 125 pixels. Set 
the Opacity to 50 per cent and check the Use All 
Layers box (Photoshop 6). Now Alt/Option+Click 
on the good areas and fill in the dodgy ones. Using 
the tool at 50 per cent Opacity softens the areas 
and makes the cloning less obvious. 


Create a new layer and repeat the process 

to build up the column of smoke. Paint a 
different shaped column and press Ctri/Command+ 
F to apply the Smoke filter again. Press 
Crtl/Command+F again to increase the effect 
further. And again if you feel like it. 


G Now add layer masks to all the layers and paint 
out any areas along the edges that aren't 
working. Again use the same size brush and press 
the number keys to change Opacity as you go. A 
graduated background has also been added to bring 
the effect to life. 


Part 3: Water Drops 


Here we will look at creating bubbly, liquid effects and odd-shaped 
droplets using the Jiggle filter to add a slight distortion 
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ay Open a new document 15x15cm at 300dpi. 
Create a new layer and fill with 100C, 20Y. 
Then select the Water Drops filter and follow these 
settings, Number of Drops: 50, Edge Darkness: 0, 
Opacity: 0, Refraction: 0, Colour: 100C, Highlight 
Brightness: 100, Highlight Sharpness: 1, Lighting 
Direction: 120, Inclination: 60, Random Seed: 1. 


Create a new layer and fill with the same 
colour as Step 1. Open the Water Drops filter 
and alter these settings, Number of Drops: 200, 
Random Seed: 100. Now set the Layer Blending 
Mode to Soft Light. This adds a background layer of 
bubbles and brightens the whole image. 


ae 


o Add a new layer and fill with the same colour. 
Open the Water Drops filter and make these 
changes, Number of Drops: 500, Random Seed: 100. 
Then select Gaussian Blur and type in 3 pixels. Set 
the Layer Blending Mode to Soft Light. 


Use the Jiggle filter to get more irregular 


open the Jiggle filter and use these settings, 
Bubble Size: 999, Warp Amount: 200, Twist: 0 

and choose Bubbles for Movement Type. This adds 
a slight distortion. 


filter again and make these changes, Warp 


This makes the bubbles look more like water 
droplets sitting on a surface. 


4 | shaped bubbles. Duplicate the first layer, 5 | To increase the effect further, open the Jiggle 


Amount: 100, Movement Type: Brownian Motion. 


6 | Duplicate this layer, then use the Squint filter 
to blur the image by 12 pixels. In the Jiggle 
filter, change the Warp Amount to 128. This now 
gives you a liquid effect with softer edges. Duplicate 
this layer and set on Hard Light or Colour Burn to 
intensify the effect. 


Part 4: Funky texture 


Some very interesting results can be achieved by combining 
various Eye Candy filters with Layer blending modes 


cy 


a Create a new document 15x15cm at 300dpi. 


Add a new layer and fill with 100M, 100Y. Select the Swirl filter and follow these settings 
| 2 | - Whirlpool Spacing: 200, Smear Length: 100, 


Then open the HSB Noise filter and pull all the 
sliders to their maximum settings. This gives you a 


Twist: 90, Streak Detail: 0. Check the Warp bullet 
multi-coloured blurry textured background. 


point and uncheck the Smooth one. 


4 Choose the Glass filter and pull all the settings G Duplicate this layer and open the Glass filter 
to their maximum except Highlight Sharpness again. Make the following changes to the 
—set this to 0. Choose the Flat Bevel Shape. Set the settings — Bevel Width: 25, Flaw Spacing: 50. This 
Lighting Direction to 126 and Inclination to 0 and gives a bumpy texture to the image. Set the layer 
choose White as the Colour. to Hard Light. 


a) Now select the Jiggle filter and follow these 
settings, Bubble Size: 999, Warp Amount: 400, 
Twist: 0. Set the Movement Type to Turbulence to 
distort the image further. 


G Duplicate this layer and select the Swirl filter. 
Set the Whirlpool Spacing to 100, Smear 
Length to 100, Twist to 0 and Streak Detail to 0. 
Check both the Warp and Smooth bullet points. 
Now carry on experimenting. EEE 
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1& 4. Richard has contributed to some 

major advertising campaigns including the 
Swimming Pool shot for Embassy No.1 anda 

series of images to promote Pizza Hut's new look and 
range of pastas and pizzas. 


2. An image for Creative DVD magazine. 
3. Richard photographed and created 12 exclusive 


images for his 2001 calendar through his 
well-developed manipulation process. 


Richard Bradbury 


“I'm certainly a photographer first and a retoucher second,” says 
photorealistic artist Richard Bradbury 


uscled babies, mad dentists and creepy 
gremlins galore, Richard Bradbury's 
recognisable work can be seen in print and 
on television. The London-based 
photographer has recently completed some visually 
striking campaigns for NTL, Embassy No.1, the Central 
Office of Information, Trebor Softmints, Telewest and 
The Alliance and Leicester. 

Although originally inspired to follow a career in 
design by Hypnosis ([w] www.hypnosismedia.com) 
following their work on album covers for bands such as 


Heavenly bodies 


Featuring a family with well-developed 
muscles, ‘Heavenly Bodies’ is one of the most 
striking images from Richard's 2001 calendar. 


And, according to him, it was also the most 


manipulated image in the collection. Created 
using two real body building models and a 
baby, Richard took the image to impressive 
lengths with Photoshop. “We wanted them to 


Pink Floyd, Richard left his foundation course and 
took up an apprenticeship with photographer David 
Kilpatrick. After learning the technical side of 
photography, he moved to London and began to 
establish his own style. “I became known for 
brightly coloured people shots. | was always going 
to a retouching house with my work but found 
it increasingly frustrating having to tell people 
what | wanted.” 

In 1993, Richard decided to take control of his 
images, invested in his own system, with I6MB RAM 


look like Californian-style Scandinavians. 
The baby is in fact my own and the finished 
result is a composite of five separate shots. 


We photographed his head, arms and body in 


and Photoshop 1.0, and learnt the tools of the digital 
trade. The move proved successful and has brought 
him more creative independence: “| now have a greater 
view of the finished image. | can shoot constituent 
parts specifically to fit an image. You can't do that if 
someone is doing the retouching work for you because 
it’s part of your own vision.” Richard now works on 
various advertising and promotional campaigns with a 
variety of freelance designers who regularly contribute 
to his projects. 


The 2001 boom 


Computer Arts’ first view of Richard’s work was his 
2001 calendar, featuring a range of amusing and 
grotesque photography, manipulated by Richard and 
colleagues. Over 3000 calendars were sent to art 
directors all over the UK, Europe and America and 
significantly boosted both the volume and variety of 
work from agencies all over the world. 

Although his creations are always photography- 
based, previous examples in his portfolio as seen on 


several parts but incorporated the muscle 
man’s torso into his chest. We had to take 
elements of both chests and blend them in, 


which was a long-winded process.” 
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1. ‘Baby Hell’ is an example of 
Richard’s independent work. 


2. ‘Xray’ was created for 
Hollywood Bowl. 


3. Richard's magazine work includes 
this image, the house bike, for 
Motor Cycle News. 


his Website have been much more illustrative. “We 
were getting to the point where everything we did was 
cartoon-like. It's important to keep re-inventing a style 
without changing too dramatically and confusing 
people. We saw things were becoming more 
photorealistic, and our interpretation of that was shown 
in the images produced for the calendar. We took my 
style of caricatures and made them look more real.” 


Dicomed Imaginator 


Designed specifically for high-end professional 
retouching and compositing, the lesser-known 
Dicomed’s /maginator software is a logical choice for 
Richard and works well with Photoshop for effective 
results. “With /maginator, | can have two or three 
200MB images and flick quickly between the two.” 
Illustrator was designed to manipulate and adjust 
images ina free hand style, whereas Photoshop 
chooses to rely on masks and layers to achieve the 


effects. Using both together affords Richard 
more flexibility. 
Imaginatoris for Windows only and costs £995. 


For more information, visit [w] www.dteksys.com 
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Richard is currently planning an even more 
eye-catching calendar featuring new work for 2002. 


The creative process 


For Richard, the process of creating an image starts 
before even the photography. “| have to approach a 
brief and give the client a clear idea of what they're 
going to get. 

“Pm forced from the outset to look at the brief, think 
how I'm going to shoot it and how it will piece together. 
By the time it comes to doing the shoot, it really helps 
to know exactly what you're doing. When the raw scans 
come in, | crop them down, clean the images up and 
Position them. We normally doa small plan with a 
rough to see if it will work.” 

With such a challenging workload, it’s important to 
establish a routine that still allows creative freedom. 
“Virtually all my work is done in the same way — | use 
Photoshop and /maginatorin conjunction.” For this 
reason, Richard works ona PC because Dicomed'’s 
high-end software, /maginator, is only available 
for Windows. 

Since starting off with the original version of 
Photoshop in 1993, Richard now makes use of version 
6 in all of his projects. “Photoshop is a very good 
professional package. The filters are second to none 
and layers were an excellent idea that works well. The 
History feature is one of its most useful tools — you're 
completely free to try things out. All ourscanners and 


printers are tuned into the program — it would be 
difficult to not have Photoshop on any serious set-up.” 

Adobe's software was essential for a recent project 
for NTL to showcase the range of games on their 
interactive television services. “We wanted to have a 
game show host character in the corner of a room and 
make it look like he was a television. We shot the 
model with a cord plugged into a wall and our job was 
to give him the look and feel of the television. This was 
perfect for Photoshop because we cut him out ona 
background, dropped him onto an image of the room, 
enlarged the shadow mask and softened the edges to 
produce a contour effect.” 

Despite placing his feet firmly on his photographic 
beginnings, Richard has extended his skills to include 
digital manipulation. “I’m a photographer first and a 
retoucher second. If you can do something in camera, 
you should. I’m always struggling for something that 
looks realistic and the more you put something 
through a system, the less realistic it looks. It’s more 
important to do things the way the finished image will 
look best. Because | have both disciplines at my 
fingertips, | can make those decisions as | go along.” 

Look out for Richard's fantastic photographic 
work in the ‘Gremlin’ campaign for the Central Office 
of Information. EES 
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3D compositing 


Use Photoshop to combine multi-pass renders from 
3D applications and create great visualisations fast 


nrecent times, Photoshop 
has found a powerful ally in 
desktop 3D programs. 3D 
graphics applications like 
LightWave and 3ds max provide a 
synergistic link with Photoshop enabling 
digital artists to create images faster than 
ever before. 

In this tutorial we'll look at how you 
can use Photoshop with a 3D graphics 
application to produce a photorealistic 
product for advertising or visualisation. 
We'll create a perfume bottle, along with 
scenery and light, then texture it and 
render out the image. However because 
things have to look perfect, we'll harness 
the power of Photoshop to get precisely 
the right look, and by outputting the 
image in multiple passes we can speed 


up the process of adjusting and tweaking 
the image. Because the product is made 
of transparent materials (the perfume 
and the glass) rendering using raytracing 
can take a while, which is why we use 
Photoshop to make adjustments rather 
than continuously re-rendering. 

The techniques shown here are 
applicable to LightWave, Cinema 4D, 
Electriclmage and 3ds max because they 
all have multipass output, although some 
of the methods differ across programs. 


())) 
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Part 1: Creating the bottle 


The first step is to make the objects in the scene, either by importing 
vector art or using the Spline drawing tools in your 3D program 


X=0 
Use grid snapping to ensure the 


start and end point lie exactly at 
X=0. 


Main object 


The resulting mesh is quite dense 
- because it's the main object, 
however, it's better to make it 
smooth enough for close scrutiny. 


SubPatches 


In LightWave, you could create 
the bottle using SubPatches, or 
create it directly by lathing a 
curve. In 3ds max you can use 
NURBS and then convert 

to polygons. 


Alternatively... 


We have also created a meniscus 
by splitting off a copy of the top 
row of polygons, selecting the 
bottom row of points and 
merging them to forma disc. 
Inner Extrude then enables us to 
radially subdivide it. It's then 
rejoined to the main object. 


No 3D app? 


Ifyou haven't gota 3D 
application or aren'tinterested in 
multipass rendering, you can 
skip straight to the Photoshop 
section of this tutorial on page 
56. The files are on the CD so you 
can load them up and go... 


ee Begin by creating the bottle. You can do this 
using any of the Spline drawing tools in the 
Front (XY) view, but you may find that the B-Spline 
curves are easiest to control for this particular job. 
To create sharp corners, use two points closely 
spaced or Béziers if you prefer. 


This object can be duplicated and hidden 
(Ctrl/Command-drag to copy, use the dots in 

the Object manager to hide) then the duplicate 

converted to polygons by pressing the ‘c’ key. 


If this was a real product, you could import 
vector art of the exact profile if it was 

available, or load up a drawing in the background 

and trace it. In Cinema 4D, rotate the curve by 


placing it in a Lathe NURBS object (Objects>NURBS 


menu) in the Object manager. In Point Edit mode 
(Return Key) you can adjust the points to fine-tune 
the shape of the bottle. 


as the liquid. Note that in some apps like 
LightWave, you need to create an extra layer of 
polygons to get the correct result with refraction. 
How do we select those inner polygons, though? 
There's a simple way in Cinema 4D. First, in Poly 
mode (Return key twice) invert the Normals 
(Structure menu) then turn on Backface Culling for 
the view to see the object ‘inside out’. 


Next we need to assign a new surface that acts 


Change to Wireframe mode (View window's 
Display menu) in the Side or Front view, 
and then open the Spline object's Properties 
(double-click the icon in the Object manager) and 
change to Natural Interpolation (from the default 
Adaptive). This creates a mesh with more regularly 
spaced polys, ensuring smooth edges. Also open the 
LatheNURBS and change the Rotational 
Subdivisions to 60. 


Use the Live Selection tool and make sure the 

Select Only Visible Elements option is active in 
the Active Tool tab. Now you can paint-select what 
will be the liquid surface. Choose Selection>Set 
Selection to add a surface selection tag to the 
object. Open it and name it something: this can be 
used to restrict textures to it later. This object is 
saved as Bottle1.dxf on the CD. 


Part 2: Setting the scene 


Now to create the other scene objects using simple shapes — you can work 
in separate files if you wish, then copy and paste them to the same file 
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1] First we'll add a backdrop to the scene, which 


consists of some radial sections which will be 


textured with a metallic material. At the centre is a 


dome-shaped platform created by lathing an arc 


object and using Cinema 4D's Array object (distance 
set to Om) to make three copies. 


The walls were created in a similar way by 

lathing a linear curve. Start by using a Bézier 
curve and click to add points without dragging to 
change it to Linear from the Curve options, then 
create an Array. 


3 ie simple disc object is added that will become a 
back-lit floor between the dome and the wall 
object. Assemble the pieces together in a single 
scene including the bottle. You can work in separate 
files to create each piece if you wish, then copy and 
paste them into the same file when you're ready. 


Part 3: Adding lights and textures 


The main lighting for the scene comes from a single point light placed behind 
the bottle, but first we'll add some lights to subtly illuminate the background 


Low res 


Set the level of detail in the 
scene to Low (View Window> 
Display>Level Of Detail menu) 
to keep the display fast. Enable 
Use Render LOD so that object 
appears at full resolution when 
test rendering. 


Reflective indices 


The two materials have different 
refractive indices because they 
are different substances. 

The liquid is assumed to be 
ethyl-alchohol based which has 
an RI of 1,361, while glass can be 
between 1.5 and1.9. 


Object buffers 


In Cinema 4D and LightWave you 
can create object buffers that will 
save Alpha channels for assigned 
objects. It doesn't work the way 
we want for transparent objects 
though, which is why we've used 
the material approach. 


Turn off the wall array, then create a spotlight 

and move it up to the wall so it points down 
and towards it. Enable its Hard Shadows option 
(double-click the Light icon). 


4 | Make groups for your scene object. Create a 
Null and rename it Background, and drag all the 
objects except the bottle into it. Make another group 
for the bottle, and another for the Scene objects 
(lights and camera when you create them). The first 
thing to do is apply the TFres1.7 and Tfres1.3 
materials to the glass of the bottle and the BK 
material to the stopper. However in the TFres1.3 
Texture options, enter the name of the selection set 
created for the liquid of the bottle. 


ra Now we'll create some masks. This time turn 
off the Background Objects and the Stopper, 

and apply the Mask material to the bottle and 
render. We need a properly refracted mask for the 
liquid in the bottle, so apply the material Clear1.7 to 
the bottle and restrict the Mask material to the 
Amber selection (double-click the Material icon in 
Object manager and type in the name of the 
selection). Render again. Using the same principles, 
make masks for the other parts of the scene. The 
files on the cover CD are Bottle_A.tif, Liquid_A.tif, 
Disc_A.tif and Stopper_A.tif. 


Create another array object with the same 
settings as for the wall. If you add the light 
directly to the Array you won't get the result you 
think. First add a Null object — make sure it is at 0, 0, 
O then drag the light into it in the Object manager. 
Now drag the Null into the Array to create the ring 
of lights and adjust the angle of the light. All the 
others will update because they are instances. 


Set the view for the scene and create a Camera 

(Scene>Camera). From Render>Render 
Settings, set Antialiasing to Best, and the resolution 
and format (you can render to the screen for these 
steps or use the supplied image files) which is 1:1 for 
this image. Render to the Picture Viewer (If you take 
ascreengrab before it finishes, you'll avoid the 
demo's watermark. Expand the Picture Viewer 
window to full screen and set the display to 100 per 
cent). This image is TFres.tif on the CD. 


8 | The purpose of these materials is to provide 
layers and masks that we can composite in 
Photoshop to get the best possible results without 
test rendering scores of times. Instead we only 
have to render a handful of images. To set up the 
main Multipass render, first open the Back light 
Properties and enable the Separate Pass option in 
the Details tab. 


Now we'll import the textures for the scene. 

From the Material manager Choose File>Load 
Materials and navigate to the file BottleScene.c4d 
from the CD. A number of these textures are the 
actual scene materials and others are used to create 
separate render passes. You also need to copy the 
folder ‘Tex' from the CD to the Cinema 4D XL 7 
folder on your hard drive so that Cinema will find 
the textures referenced in the materials. (If there is 
already a Tex folder there, copy the contents of the 
CD Tex folder into the one on your hard drive.) 


G Next apply the rest of the materials: Metal to 
the background elements, Glow to the disc 
(set to Flat projection, rotate 90 degrees in pitch and 
use Fit to Object from the Texture menu: this is the 
luminous floor material) and Stopper to the stopper. 
Replace the TFres materials with Amber and Glass. 
You can drag them directly on to the previous 
materials to replace them. Render again and copy 
the image. This image is Render1.Jpg on the CD. 


9 | In Cinema we can use the Multiple Pass 
rendering feature to render the main Beauty.tif 
image but also save out the different passes such as 
reflection, specular and diffuse as a Photoshop 
layered file. In the Render settings enable Multiple 
Passes, then from the Channel pop-up, choose Add 
image Layers. Delete the layers you don't need such 
as Radiosity, Caustics and Atmosphere. Also choose 
Selected from the Light Passes pop-up to enable 
separate layers for the back light. > 
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Part 4: Compositing the renders 


Once the main passes are complete, we can assemble them in Photoshop. 


The separate layers give us a lot of flexibility, controlling the look of the image 
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This final render PSD file can be found on the 

CD called MP.psd. Open this in Photoshop. As 
you can see, it is a layered file, each layer containing 
portions of the full image. However, in Cinema 4D, 
some layers are blended using the Add mode rather 
than Screen which Photoshop layers don't have, so 
it may look different to the render in Cinema 4D. 


4 | Change the fresnel layer to Screen mode and 
move it to the top of the layer stack. Notice 
how it accents the curves of the bottle and 
accentuates them. However it's too bright, so lower 
the layer's Opacity to about 50 per cent. 


Next open the transparent fresnel renders. 
2 These were created to give some illumination 
to the edges of the glass. While not 100 per cent 
accurate, they make the glass stand out against the 
background. With both files open, Shift-drag the 
fresnel layer into the MP.psd file. To make sure the 
files line up, use your own (if you have your own 
copy of Cinema 4D) or use the images supplied. 


5 | It's still not right, so duplicate and hide the 
layer (for safety) then apply levels to the 
original. Decrease the Gamma and pull up the Black 
Point slider. This has the effect of thinning the 
fresnel edge for a sharper, subtler effect. 


seat oem Sd 
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This is opened in Photoshop and dragged into 

the MP file at the top of the stack, below the 
fresnel layer. The Liquid_A channel (which is the 
mask we created in step 16, and saved as 
Liquid_A.tif is loaded as a selection) and applied as a 
layer mask for the layer. 


=e 


8 | This has the desired effect of reducing the 
clutter of reflections and refraction in the 
liquid. But it would be nice to get some the glow 
back, and to do this we have two options: apply it in 
by hand, or adjust the Layer Opacity. The latter 
reintroduces too much dark clutter. 


CC NN CE 


Next open the Masks files. In each, switch 

to the Channels palette and drag any of 
the channels to the MP file. Note that in Photoshop, 
if you drag a layer like this it comes in as a layer. 
If you drag a channel it comes in as a channel. 
We want the masks as channels so we can load 
them as selections. 


The problem with this multipass file is that 
G there’s no way to separate the different layers 
behind transparent objects because there isn’t any 
reflection and transparency. This means we need to 
be careful, but Photoshop lets us create the look we 
need, we just have to select the right bits of the 
image. The main problem that needs tackling first is 
the liquid which just looks too messy. So go back in 
to Cinema, turn off the Background and add a 
simple plane behind the bottle and re-render a 
single image (not an MP file). 


9 | Increase the Opacity to about 95 per cent to 
let some of the underlying image through. 
Now we want to keep the amount of black the 
same but increase the lighter colour's levels. To do 
this, use the Advanced Blending Modes option in 
the Layer Styles dialog. Double-click the layer, then 
Option—Drag the Underlying Layer white slider. This 
splits it to feather the result. Gradually you'll see 
more of the lightness showing through. 


Part 5: Adding transmission effects 


Rather than start numerous expensive test renders to get the right effect, use 
Photoshop to introduce some light transmission effects to the liquid in the bottle 


Liquid_A channel 


Remember the Liquid_A channel 
is the mask of the inner portion of 
the bottle as seen refracted by 


the outer portion. 
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& Next, add some transmission effects to the 
render. Because the bottle was back lit, the light 
should illuminate the volume of the liquid more. It'll 
also make the product look more appealing and help 
it stand out even better from the environment. 
Create a new layer and load the Liquid_A channel as 
a selection. Pick a glowing orange colour and fill the 
selection with it. 


4 | Load the original (uninverted) Liquid_A 
channel as a selection, invert it, and fill the 
blurred channel with black. Note that in Photoshop, 
Ctrl/Command-i inverts the pixel values while 
Shift-Ctrl-i (Shift-Command-i on a Mac) inverts a 
selection. It's the latter you want. 


Change the Layer Mode to Overlay then 
duplicate the layer to intensify the effect. You 

can adjust the width of the transmission effect by 

applying some levels to the orange layer masks. 


comp.psd @ 50% (Layer SAlpha 2 copy 2) 


2] liquid, not the centre, to make it look as though - 

the light is being focused around the edges. A mask Apply a large amount of Gaussian blur to the 
is needed to control the placement of the colour. inverted channel. Make sure none of the 
Duplicate the Liquid_A channel and invert it. selections are active when doing this. 


5 | Load this new channel as a selection and apply 
it as a layer mask to the orange layer. This isn't 
the final result however, we need to further refine - - 
the mask. This time we need to shrink its edges Load this channel as a selection, then highlight 
slightly, and we can use the Fresnel channel for this. G the orange layer's mask in Layers and fill it with 
Duplicate it and use Levels to thin it out. black using the selection. 


8 | Finally the background is adjusted. The back 9 | If you want, you can add a small amount of 
panels are lightened by applying Levels to the depth blurring to the image. To do this, use 


Diffuse layers (including the one in the Back Light Select All, then Ctrl/Command-Shift copy to copy all 
folder). You could easily do more to them but they layers, then paste it as a new layer. Using the masks 
need to be simple so as not to detract from the we had, we first created a gradient in a channel then 
product. Here we have also duplicated the reflection subtracted the bottle and stopper. This was used as a 
layer to brighten them up a little. selection with which to blur the background. EEE 
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Cadmium images 


Here's a quick guide to the 12 royalty-free 
photos on your Computer Arts Special CD... 


ThinkStock: C0013343.jpg 


ThinkStock: B0008741.jpg 


Brand X Pictures: BXP36026m.jpg Corbis: CB059274_HI.jpg Corbis: CB058027_HI.jpg 
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Iconotec.com: F0002977.jpg 


Brand X Pictures: BXP36421m.jpg 


Iconotec.com: F0004272.jpg 


Digital Vision: 503039. jpg 


Essential information about your 
Cadmium images 


Cadmium is one of the UK’s leading sellers of stock and 
royalty-free images, covering a wide range of collections. Here 
we've brought you two photos from each of the following 
libraries: | Dream Stock, Iconotec, Digital Vision, Brand X 
Pictures, Corbis and ThinkStock. You'll find them in the 
Cadmium folder on the disc. If you want to know more about 
these images, or any other ones that Cadmium offers, visit the 
company’s Website or give them a ring. 

These high-quality images are there for you to use in your 
non-commercial Photoshop work. Each library has supplied a 
license agreement in the folder on the CD. The agreements 
outline the terms of the usage of the images so you should read 
them prior to using any images in your work. 

You are granted the personal, single-user, 
non-commercial, non-transferable, non-exclusive license to 
use the images included on this CD according to the standard 
licensing terms of the library. For full details of this licence 
please read the enclosed licence agreements or contact 
Cadmium Systems on [t] 0800 436867. You can visit Cadmium 


on the Web at [w] www.cadmium.co.uk 


8 Interfaces 

Designed by Sedergraphics, 
these free Photoshop files can 
be found in the Interfaces 
folder on your CD. 
Sedergraphics is in the 
process of developing its 
second volume of Photoshop 
interfaces. Volume II will 
contain over 75 interfaces in 
layered Adobe Photoshop 6.0 
format. Each interface 
included in the Interface CD 
Volume II has been sliced with 
suggested optimisation ready 
for ImageReady exporting to 
HTML. The SederGraphics 
Designer Pack will be a one 
CD package of Volume | and II. 
This CD will include over 175 
layered Adobe Photoshop 
interfaces. The interfaces 

will be targeted towards 
multimedia developers, 

Web designers and those 
wanting to learn new interface 
creation techniques, 


[Ww] www.sedergraphics.com 


Sapphire samples 
On the CD you'll also find a 
collection of 30 custom 
brushes, 30 custom gradients 
and 30 custom shapes by 
Sapphire-Innovations. In 
addition there are 10 free dual 
format plug-ins and three 
more for the PC only. 

The shapes samplers are 
related to the shapes in 
Shapes volumes 6 and 7, which 
Sapphire has recently 
released. Sapphire is offering 
Computer Arts readers a 
25 per cent discount on its 
range of Photoshop-related 
items. To take advantage of it, 
just go to the Sapphire store 
onthe Website and enter ‘CA 
Reader’ in the discount field. 
The offer ends 31 March 
2002 [t] 01189 842407 (9am 
to 5pm) [w] www.sapphire- 


innovations.com 
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Photoshop training courses 


If you're new to Photoshop or want to sharpen up your skills, here's a 
selection of the UK's dedicated training course providers to get you started 


Corps Business 

Based: London 

Level: Introductory to advanced 
Duration: Various 

Costs: From £225 exc VAT 


The largest UK Adobe training centre, 
Corps Business even trains up 
Adobe's bods on their own products. 
Offering a range of courses from 
beginner to advanced, including 
tailored courses for more experienced 
“Shoppers, the scheduled Photoshop 
day courses run each month with 
hands-on tuition of up to six people 
ata time. 


Contact: Sarah Payton 
[w] www.corps.co.uk 

[t] 0207222 8484 

[e] training@corps.co.uk 


Symbiosis 

Based: Leamington Spa 

Level: Beginner to intermediate 
Duration: Two days 

Costs: £595 exc VAT, with reductions 
for group bookings 


A two-day course covering Photoshop 
6 promises to deliver time-saving 
tips, Photoshop's relation to other 
programs such as /llustrator, and 
explores the tricks of the toolkit from 
setting up the interface to colour 
correction, clipping and actions. The 
instructors at Symbiosis are all ACE 
qualified and draw on the experience 
of working in Symbiosis’ own 
commercial creative studios. 


Contact: Sally Day 

[w] www.symbiosis.com 
[t] 01926 431041 

[e] sally@symbiosis.com 


Ubiq 

Based: London 

Level: Introductory, intermediate, 
advanced 

Duration: 1-2 days 

Costs: £230 per day exc VAT, see 
Website for offers and reductions. 


In addition to its courses for all levels 
of Photoshop expertise, Ubi also 
offers Web designers a one-day 


primer in Photoshop/ImageReady for 
the Web. This is an intermediate to 
advanced level course, aimed at users 
with some experience of Photoshop, 
which explores the techniques for 
creating efficient Web graphics. 


Contact: Gill Greenstein 
[Ww] www.ubiq.co.uk 

[t] 020 7737 7523 

[e] info@ubig.co.uk 


Oxford House 


Besed: London 

Level: Beginner to advanced 
Duration: 30 hours, flexible tutoring 
Costs: £280 


Oxford House offers dedicated 
training in the dark artistry of 
Photoshop for groups of up to ten, and 
has a sprinkling of courses from 30- 
day beginner to advanced, as well as 
flexible context-specific tutoring for 
students coming from specific areas 
of the media. The courses are 
ILA-friendly and offer discounts for 
online booking. 


Contact: Leander Reeves 

[w] www.oxfordhouse.co.uk 

[t] 020 7436 4872 or 0207928 8501 
[e] leander@oxfordhouse.co.uk 
computing@oxfordhouse.co.uk 


Harlequin Solutions 

Based: London 

Level: Basic, intermediate, advanced 
Duration: Two days 

Costs: £545 for intro, £645 
intermediate and advanced, discount 
schemes in place 


Catering for a mix of individual and 
corporate clients with two-day 
courses, Harlequin has schemes in 
place to reduce the cost of its courses 
by up to 40 per cent for group or 
longer-term bookings. Its two-day 
courses are well-structured and 
packed with features and bespoke 
bookings are also welcomed. 


Contact: Lynda Brown 

[w] www.solutions.co.uk 

[t] 0208 960 9400 

[e] training@solutions.co.uk 


Central Saint Martins 
College 

Based: London 

Level: Intermediate 
Duration: Five weeks 

Costs: £585 


The Photoshop for Photographers 
course is aimed at photographers and 
artists wishing to use Photoshop to 
develop their image making. Suitable 
for beginners or Photoshop familiars 
wishing to extend their skills, the 
course explores scanning techniques, 
use of the full range of tools and 
methods of outputting. So pack your 
camera and off you go. 


Contact: Admissions 

[w] www.csm.linst.ac.uk/shortcourse 
[t] 020 7514 7015 

[e] shortcourse@csm linst.ac.uk 


Hounslow Adult Education 
and Training 

Based: Hounslow | 
Level: Basic | 
Duration: Five weeks 
Costs: UK Students £20 


Photoshop for Artists and Designers is 
an introduction to the joys of 
Photoshop courtesy of Hounslow 
council — and at £20 for a five-week 
part-time course, it would be worth 
going to even if they just made you a 
cup of tea and showed you the box the 
software comes in. 


[w] www. hounslow.gov.uk/education/ 
adult.html 

[t]020 8569 7212 

[e] heather.davies@hounslow.gov.uk 


Adobe Photoshop 
Besed: West Thames College 
Level: Basic 

Duration: 10 weeks part-time 
Costs: All students £180 


A twice-yearly 10-week introduction 
to the wide range of tools available 
in Photoshop and how to use 

them creatively. Retouching 
techniques, manipulating and 
enhancing images, creating 
composite images, using scanners 


and digital cameras are all on the 
agenda of this part-time course. 


Contact: Admissions Advice 

[w] www.west-thames.ac.uk/site/ 
courses/media/ssphsh.html 

[t] 020 8326 2370 

[e] info@west-thames.ac.uk. 


Hoxton Bibliotech 


Based: London 

Level: Beginner, intermediate 
Duration: One or two days 

Costs: £225 exc VAT: 10 per cent off 
for online booking, with other 
discounts available. 


Take a tour of Photoshop's features in 
the one-day primer at Hoxton 
Bibliotech, or dive into the two-day 
intermediate course where you'll 
learn advanced layer and masking 
techniques, work with paths and 
colour correction and learn advanced 
techniques. A range of Photoshop 
related courses is also on offer. 


Contact: Matt Knopp 

[w] www.biblio-tech.net 
[t] 0207553 4473 

[e] matt@biblio-tech.net 


Silicon Beach Training 
Based: Brighton 

Level: Beginning, intermediate 
and advanced 

Duration: Two days 

Costs: £375 exc VAT 


If you're in Brighton and getting sick of 
being chased down the pier by the 
enormous seagulls, then take in 
Silicon Beach Training's Photoshop 
courses instead. The recently added 
two-day advanced course takes a 
practical and theoretical look at many 
overlooked features, and students can 
take away plenty of new techniques 
into the bargain. 


Contact: Heather Buckley 

[w] www.siliconbeachtraining.co.uk 
[t] 01273 622272 

[e] heather@siliconbeachtraining. 
co.uk 


Major Training 

Based: London 

Level: Basic, advanced colour 
correction 

Duration: One-day course 

Costs: £196.66 inc VAT, Corporate 
£293.75 inc VAT 


Major Training's introductory 
Photoshop course takes groups of up 
to six people on a two-day trek 
through the software's capabilities. 
One-day courses are also on offer, 
including an advanced workshop 
course dedicated to colour correction 
and a three-day programme catering 
for the use of Photoshop on the Web. 


Contact: Hawa Sydique 

[w] www.majortraining.com 

[t] 0700 233 66 00 

[e] progress@majortraining.com 


The Magical Photoshop Tour 


Atravelling Photoshop jamboree, this one-day seminar touches 


down on these shores at the Business Design Centre in Islington, 


London on 27 October. Set up in 1993 by Florida-based company 


KW Computer Training in association with Adobe, the seminar now 


visits over 20 cities and trains thousands of eager ‘Shoppers each 


year. The company is so convinced that their Photoshop seminar 


will be the best you've attended, that it offers a 100 per cent money 


back guarantee if you disagree. Since the training day, including all 
classes, a workbook, a CD-ROM of Photoshop goodies and a 


shortcut desk reference, costs a mere £99, it’s worth taking a trip 


to [w] www.photoshopseminars.com for details or to register. 
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Alan 


“I'd describe the work as conceptual, colourful, playful collage,” 
says freelance illustrator Alan Mazetti 


hee ith its bold, almost cartoon-like graphics 
i and cut-out quality, there's a definite pop 
. feel to Alan Mazetti’s work, so it’s not 


surprising to hear him list artists such 

as Rauschenberg, Johns, Rivers, Liechtenstein, 

Polke, Warhol as major influences. “| admire their use 
of culturally significant images and techniques: 
elements that combine commerce and art to create a 
visual language,” he says. “Using the retro line figures 
is an extension of that: there's an innocence and 
simplicity to them associated with pre-technology and 
it’s great to emphasize that by placing them ina 
contemporary context.” 

While Alan's inspirations might be retro, his client 
list and international appeal are more up-to-date. His 
work has appeared internationally, from banks in 
Germany to t-shirt shops in Brazil, and his CV lists 
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such commercial giants as American Express, NASA 
and Nintendo. Publications such as Readers Digest, 
Washington Postand the Wall Street Journal are some 
of Alan's prefered commissions. “My current favourites 
are repeat publishing clients,” he says, “the steady 
work is great and we understand each other's styles 
and needs. The magazine work | get calls for 
entertaining images that convey an idea quickly. 
Hopefully my concepts are a little off—centre: | try to 
give them an unusual twist even when using cliché 
universal symbols.” 

Alan was swiftly hired at his graduation show from 
the Academy of Art College, San Francisco in 1975 by 
a graphic design firm, and it was about ten years 
before he returned to illustration. “I worked for about 
three years before starting freelance design, and 
eventually got tired of working with text and limited 


colour. It was in designing book jackets that | began 
illustrating more. Composition is still one of the strong 
points of my work.” 

In this respect, Photoshop, which he started using 
about five years ago, is a natural extension of his 
instinctive style. “It’s very comfortable to work with — 
having done traditional collage, working in layers is 
very natural,” he agrees. Alan’s most creative time is in 
the late afternoon, when he’s at the computer, currently 
a PowerMac 7500/100 upgraded to G4 speed and 
400MB memory, plus an external hard drive for cache. 
The set-up also includes an Agfa Arcus II scanner and 
an Epson 3000 printer, accompanied by 17-inch and 
20-inch monitors. 

The results, he'd describe as: “conceptual, colourful, 
playful collage. | like the process of distilling the 
essence of an article or strategy into an image,” he 
adds. Future plans revolve around doing more of the 
same: extending the digital possibilites while keeping 
one hand on the paintbrush asa creative safety valve. 
“I'd like to get more magazine work, but also pursue 
corporate clients. I’m also doing fine art painting that’s 
gravitating towards abstraction — the physical process 
of using paint on a large scale is a nice contrast to the 
more mental act of digital illustration.” EEE 


1. “This was done as a sample 
piece,” explains Alan. “It’s a little 
more complex than my other 
work. | especially like the 
ambiguity of the location - did 
they move the Leaning Tower of 
Pisa to the moon? The Photoshop 
gradation would be difficult to 

do traditionally.” 


2. This illo was for an article on 
the ability of e-businesses to 
provide service and product to 
the consumer. The ‘found’ figure 
was combined from four or five 
sources and re-drawn. 


3.“ had a great mailman | wanted 
to use for this ‘Voicemail’ piece, 
but the client needed to show 
their product, the phone.” 


4. This image illustrated the 
Washington Post article ‘The 
Rebate Wait’. “I especially 
liked the moonphase clocks. 
George Washington is always 
good for a money symbol and 
has personality.” 


5. The tag line for this image, 
which illustrated an article about 
the repetition of financial 
forecasts was ‘Déja vu all over 
again’. “I had fun making up the 
seer,” adds Alan. 


6. “This is the oldest piece 
here and was a sample piece 
done traditionally before | went 
digital. It was picked up earlier 
this year by an Italian publisher 
for a book jacket.” 
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Illustration: Lee Fulmer [e] lee 


Adjustment layers 
in Photoshop 6 


With a little bit of digital imaging, it's relatively easy 
to turn a mediocre photo into an exceptional one 


i 


t’s a simple fact that there is 
no such thing as a perfect 
photograph. Professional 
i photographers will shoot 
three or four rolls of film hoping to get a 
single good shot then spend hours in the 
darkroom tweaking it and altering colour 
and exposure to get just the right effect. 
Not all that different from those of us 
with computers, except that Photoshop 
replaces the darkroom, but we're still 
striving for the perfect picture. 
Previously, you had to apply changes 
such as Brightness/Contrast settings or 
Levels adjustment directly to the image 
itself. If you had a lot of changes to make, 
you might copy parts of the image into 
different layers and change those but you 
were still working on the image itself. 


The release of Photoshop 6 has changed 
all of that with the addition of Adjustment 
Layers. Now you can create a separate 
layer that contains nothing but the 
changes you want to apply. Why is this 
useful? Simple: the changes aren't made 
directly to the image and so can be 
re-edited. By adding a mask to an 
Adjustment Layer, you can restrict the 
effect to a portion of an image and you 
can cumulatively layer adjustments and 
turn them on and off to view the impact 
they make on the image. > 
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Part 1: Improving tonal quality 


Underexposure and overexposure are two of the most common problems with 
photographs. Fortunately, we can compensate for both of these... 


Working with 
image contrast 


Asa general rule, it is usually 
easier to add contrast to an 
image than remove it. 
Underexposed images, although 
lacking in contrast, still have all 
the necessary information in 
them for you to adjust. Images 
which are overexposed on the 
other hand tend to suffer from _Destribate Linke 
burn in’ which leaves whole ssa eae si 
areas of image without any ‘Merge Wrniinie 
information to tweak. It's handy to * 
remember this when compositing 


two images: try to match the 


image with the better contrast to 


the one without. 


3} We'll be working with the same image 


This image was taken in Green Park on an Photoshop 6 enables you to store adjustments throughout the tutorial, so we'll name the 
Ly) overcast day and while it still has a lot of in a separate layer from the image thereby layer to make it easier to manipulate. Name the 
colour, the image is very dark and lacking in preserving the original image. Select a new level’s layer ‘contrast adjustment’, be sure Group with 
contrast. Through a judicious use of levels, we can Adjustment Layer by going to Layer>New Previous Layer is unchecked, the Mode is set to 
improve the overall tone of the image. Adjustment Layer>Levels). Normal and Opacity to 100 per cent. 


The first thing we'll do is set the white 

point. Using the White Point Eyedropper, 6 | With the white and black points set, it's time to 
click on a bright-ish area of the image. After Next, using the Black Point Eyedropper, select adjust the mid-tones to brighten up the overall 
experimenting with different parts of the clouds, 5 | a dark area of the image. Here we've opted for _ tone. We've selected a point at the higher end of 
we've selected an area which is slightly burned in the tarmac in the foreground of the image which is the curve and dragged it slightly to the right (only 
but not completely white fairly representative of the dark areas in the image. slightly as the image is fairly bright overall). 


Batata 


| Birewew 


Next we've selected a point at a similar place Although considerably more vibrant than 

on the lower end of the curve, dragging it to previously, the changes have introduced a These changes to Curves Adjustment Layer 
the right again. The image is quite dark, so we've slight blue-ish cast to the image. To minimise the have brightened up the image considerably 
had to drag this point further than the last one. effect, we've added a further mid-point, between without damaging the overall colour or burning the 
We've also pulled it downwards slightly. the first two, also dragging it to the right. lighter areas of the image. 
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Part 2: Improving colour 


Another common problem to plague photographs is unwanted colour cast. 
Fortunately, the problem is relatively easy to correct using Adjustment Layers 


Colour matching 


It's asimple fact that everyone 
perceives colours slightly 
differently and what looks good 
to one person may look dire to 
another. Another potential 
problem is that the longer you 
stare at something, the more it 
can look ‘right’ when compared 
with something subtly different. 
When working on image in 
Photoshop for long periods of 
time, be sure to take periodic T Telos iplel 
breaks now and again to give 
your eyes, and your brain, a 
break. Even just pausing to 
look away from the screen at a 
white sheet of paper can be 


We'll start by using the image completed in 
the last part. The first thing we need to do is 


enough to help you notice subtle 


shading differences you might 


have trlasedd add a Hue/Saturation Adjustment Layer €y Next adjust the Saturation Slider to add more Adjustment Layer (Layer>New Adjustment 
(Layer>New Adjustment Layer>Hue/Saturation) depth to the image. This is very much a Layer>Hue/Saturation) and name it Hue 
and name it Saturation Adjustment. subjective thing, but a value of +20 is about right. Adjustment and click Group With Previous Layer. 


Now create another Hue/Saturation 


Lei Ole aia! | 
0 


| 


coer 
| neces 9) wore Bs 

4 | As with saturation, the adjustment is subjective, The image is more vibrant, but the buildings ERC eS = 

however a value of -10 looks good. The reason don't appear as sharp. Rather than try to use 
we've created separate Adjustment Layers for the the Find Edges filter, we've moved the Contrast To balance the blue cast which has crept into 
Saturation and Hue adjustment is that by stacking Adjustment Layer above the grouped Saturation the image again, we'll add a Colour Balance 
them, the Hue adjustment is applied to the saturated + and Hue Adjustment Layers. This helps add some Adjustment Layer (Layer>New Adjustment 
image (rather than both being applied at once). depth without separating the buildings from the sky. | Layer>Colour Balance). 


7 The first thing to do is remove some of the 


blue from the mid-tones in the image. Here While this has removed much of the blue, 
we've selected a value of 15 (bringing the slider unfortunately the highlights have become a bit While some may feel that the grass could be 
into the yellow) and also added a bit of red (+10) reddish. To correct this, we've adjusted the Cyan — greener or the sky bluer, we've opted to match 
to counter the cyan. Red slider by +10 and the Magenta— Green by +15. _ it as closely to the actual scene as possible. > 
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Part 3: Using Adjustment Layers on a part of an image 


A more subtle way to correct problems with images is to use channels to 
isolate areas of the image and use these as masks for your Adjustment Layers 


Channel selections 


Sometimes it canbe an 
inordinate pain to try and isolate 
an area of an image, however one 
useful trick is to use the Colour 
Channels to select an area of the 
image which might be difficult to 
do with the Magic Wand or Lasso 
tools. By clicking on the 
Channels window and viewing 
each channel independently, you 
will usually find that there is one 
channel with more of a certain 
area of the picture in it. You can 
use this with other select 
techniques to select areas which 
might otherwise be difficult. 
Another useful task this 
technique can be used for is 
identifying areas of the image 
which may be oversaturated with 


a particular colour. 
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@ After scanning through the four channels to Gg Click the Layers tab to switch back to the 
check for image information, we've chosen the 

black channel to start with because there is a fairly 
pronounced distinction between the sky and 
everything else. 


image and you'll notice that the black channel 
is still visible. Use the Color Range option 
(Select>Color Range)to turn this into a selection 
with which to mask the Adjustment Layer. 


Starting with a fresh copy of the photo from 
Green Park, switch from the Layers window to 
the Channels window. 


Reseed ee 


We'll start with the shadows because there is 

more information to work with in these parts of Gg Once you've captured your shadow G Next we've created a new Levels Adjustment 
the image. Here, choose Shadows from the Select selection, save it as a selection (Select>Save Layer (Layer>New Adjustment Layer>Levels) 
pulldown list and Quick Mask from Selection Selection) just in case you need it again or want to and used the Black Eyedropper to reconfigure the 
Preview, then click OK. redo this section. black point to use the statue in the fountain. 
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As before, we've saved the selection 

The contrast between the sky and ground is too (Select>Save Selection), and once done we've 9 | The sky and shadows are better balanced now, 
extreme, so go back to the Channels window, 

select the Black channel again, switch back to the 

Layers window and use Color Range (Select>Color 


Range) to select the highlights this time. 


created a new Brightness and Contrast Adjustment 
Layer (Layer>New Adjustment Layer>Brightness/ 
Contrast) setting the Brightness to +10 and the 
Contrast to +25. 


but the mid-tones are all wrong. Going back to 
the Channels window, we've looked for the channel 
which has the best mid-tone saturation and settled 
on the cyan channel. 


Having saved the selection (Select>Save 
Selection), we've created a new Color 
Balance Adjustment Layer (Layer>New Adjustment 
Layer>Color Balance) and set about changing 
the highlights in the grass to a more natural 
colour for winter, adding in a lot of yellow and 
removing the blue cast. 


10 As before, create a new selection by changing 
to the Layers window and clicking Select>Color 
Range. In this instance, we've chosen Sampled 
Colors from the Select menu and set the Preview to 
Greyscale to help show up the affected areas as we 
tweak the Fuzziness to 90. 


The image's overall contrast and tone is more 

balanced, but it still seems a little flat so we'll 
add a new Levels Adjustment Layer (Layer>New 
Adjustment Layer>Levels). Applying the layer to the 
entire image, we've brought the upper point in the 
cyan channel down alittle to remove any remaining 
blue cast. 


14 We also need to do a similar thing to the 
magenta channel only this time we've brought 
the lower point forward and shifted the mid-point 
ever so slightly. 


The finishing touch is to slightly tweak the 

overall Brightness and Contrast with another 
Brightness and Contrast Adjustment Layer (Layer> 
New Adjustment Layer>Brightness/Contrast). 
We've nudged up the Brightness slightly to make 
the image brighter and give it a considerable 
amount more contrast. 


Finally, we bring the upper limit on the black 

channel down a little to reduce the pixels at 
the top of the black, thereby lightening the image 
by a few degrees. 


12 | Although the changes to the highlights in the 
previous step cleaned up much of the blue in 
the buildings and made the grass a more realistic 
yellow, there is still too much blue about. To correct 
this, we've selected the Midtones and added a little 
more yellow to remove the remaining blue. 


G On the yellow channel, we've tried to bring 
the lower point right up to the start of the 
histogram curve to help remove any yellow artefacts 
we may have inadvertently introduced earlier. 
We've also brought the upper point down slightly. 


18 | The resulting image is much subtler than the 
ones from the previous two tutorials and, 
while it may seem a little dull, is closer to what the 


actual day was like. FEES 
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Day to Night 


Photoshop has all the tools you need to create 
an atmospheric night shot from a source 
image taken during daylight 


nthe movie business there 
is a historical tradition of 
shooting ‘day for night.’ This 
enables directors to avoid 
night time constraints like getting access 
to locations and actors charging higher 
rates. Night shots also involve expensive 
lighting set—ups for the still or moving 
image. Shooting this tutorial’s image at 
night would have been problematic for 


several reasons. To get a decent 
exposure, you would need to use a faster 
film resulting in higher grain. The source 
image for this tutorial was shot from a 
moving boat, so a night shot would have 
increased the chances of blur because of 
the lower shutter speed. Shooting in 
daylight is easier all round and gives you 
more choice stylistically thanks to the 
wonders of digital post production. 


Illustration: George Cairns [e] george@georgecairns.com 


Part 1: Cool colours 


Moonlight is cooler than sunlight, so let's start by cooling 
the image's colours down to more nocturnal levels 


Artificial, day and 
moonlight 


Cameras see colour ina different 
way to humans. Artificial light 
has a warmer colour temperature 
(5600 degrees Kelvin) and looks 
orange. Daylight has a cooler 
colour temperature (3200 
degrees Kelvin) and looks blue, 


Tool names 


If you are unsure of the names of 
any of the tools, hold the mouse 
over the icon and wait. After a 
second, a label appears with the 
name of the tool. In this tutorial 
the keyboard letter that invokes 
each tool is shown in brackets 
after the tool is mentioned. 


& Open the Sourcelmage.jpg file on the 

cover CD. Your monitor displays more colours 
than your printer can print. To avoid unpleasant 
surprises, go to the menu bar and choose 
Image>Mode> CMYK Color. In the Layers palette, 
double-click on the background layer thumbnail. 
Label this layer ‘colour’. 


i 
far use STE 


TORR 
Duplicate the colour layer by dragging it onto 


@ the New Layer icon at the bottom of the Layers 


palette. Label the new layer ‘black and blue’. Open 
Image Adjust and reduce the saturation on the 
warmer reds, yellow and magenta colours by 100 
per cent. Click on Colorise. Change the Master Hue 
using the values shown. 


3 | Go to Image>Adjust Curves. From the Channel 
pulldown menu, select Black. In the lower part 
of the curve, drag the small box so that the input is 
10 per cent and the output is 25 per cent. In the top 
part of the curve make the input 61 per cent and the 
output 90 per cent. 


Part 2: Layer masks 


We need to create a variety of layer masks to enable us to insert more 
appropriate elements into the sky and water sections of our image 


Layer masks 


Layer masks are a better way of 
hiding aspects of a layer because 
you can always remove or 
disable them to restore the layer 
to its initial state. 


Marvellous masks 


Layer masks work like Alpha 
channels. Black areas in the 
layer mask cause the 
corresponding area of the layer 
to become transparent. White 
areas are solid and levels of grey 
vary in transparency. Masks are a 
powerful creative tool. 


Coa 
@ Select the black and blue layer. Give the Magic 
Wand tool (W) a tolerance of 33 so that it 
selects most of the white sky. Shift-click if neccesary 
to add other areas of the sky to the selection. Now 
inverse the selection so that everything but the sky 

is selected. 


4 | Create a night sky layer. To represent the glare 
of the moon, use the Radial Gradient tool (G) 
blending from white to blue. When choosing blues 
from the colour picker, click on the custom Pantone 
colours. The colours you choose here will print 

faithfully because they have definable CMYK levels. 


On the colour layer, click on the Add A Mask 

icon. A layer mask appears automatically, 
filling the selected area (the buildings) with white 
and the unselected areas (the sky) with black. The 
black sections of the layer mask make the sky 
section of the layer transparent. 


G Copy the colour layer's mask. Paste it into the 
night sky layer's mask by holding down Alt as 
you click on it. Then go to Edit>Paste. Click 
Ctrl/Command and | to invert the mask. Make the 
Opacity of this layer 50 per cent. Create another 
layer with a linear gradient blending on Colour Burn 
at 73 per cent Opacity. 


Change the colour layer's Blending Mode to 
Hard Light and reduce its Opacity to 40 per 
cent. It adds a subtle wash of colour to the black 
and blue layer underneath. Finer details that the 
Magic Wand failed to select earlier will show 
through from the skyline of the black and blue layer. 


Create a layer to tint the water. Using the Pen 

tool (P), click round the water area then go to 
the Paths palette and choose Make Selection. Click 
on the New Layer Mask icon. Add a light to dark 
blue gradient to the layer. Blend the layer on 
Overlay at 81 per cent. > 
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7 The tower of Big Ben is the focal point of the 
image. To heighten its importance, let's boost 
its reflection. Use the Polygonal Lasso tool (L) and 
copy the tower from the black and blue layer. Paste 
it into a new layer. Use Edit>Transform>Flip Vertical 
to turn it upside down. 


Use the Magic Wand tool (W) to select a white 

wave highlight from the black and blue layer. 
Choose Select>Similar to get the rest of the 
highlights. Go to the reflection layer and click on the 
Add A Mask icon. Now parts of the reflected tower 
will vanish into the ripples. 


LBA: EOS aes 


Choose Filter>Blur>Gaussian Blur to soften the 

tower reflection layer's mask. Set the layer's 
Blending Mode to Multiply with an Opacity of 38 
per cent. As a final touch, choose Filter>Distort> 
Wave to apply a subtle rippling effect to the tower 
reflection layer. 


Part 3: Creating the clouds 


The source image was shot with a nondescript sky, so let's create some 
moon-kissed clouds to add to the atmosphere of the wartime scene 


Using sets 


Notice that the cloud layers in 
step 6 if this section are colour 
coded. At the bottom of the 
Layers palette is the Set icon. 
This enables you to organise your 
layers into different sets (or 
folders). Using sets is a great way 
to organise your layers. This 
project has a Moon set and a 
Cloud set which can be 
minimised to make access to the 
other layers easier. Always label 
and colour code for a more 


streamlined workflow. 
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On anew layer, apply the Clouds filter 

(Filter>Render>Clouds). Use Image>Adjust 
>Auto Contrast to make the whites whiter and the 
blacks blacker. Use the Edit>Transform>Perspective 
setting to make the clouds look as though they 
recede into the distance. 


4 | Increase the transparency of the cloud layer by 
darkening the black parts of the mask. Select 
the cloud layer's mask. Go to Image>Adjust> 
Curves. Drag the curve until the input value is 5 and 
output value is 15. Now only the whiter parts of the 
original cloud layer show up. 


Copy the skyline mask from the night sky 
layer. Create a new mask for the clouds layer. 
Alt-click on the cloud layer's mask and paste in the 
skyline mask. The clouds now appear to be going 
behind the buildings. Then go to Layer>Remove 
Layer Mask>Apply. 


G Duplicate the cloud layer by dragging it onto 
the New Layer icon at the bottom of the Layer 
palette. With the new layer selected, go to Image 
Adjust>Hue/Saturation. Click on the Colorise box 
and type in the values shown. The clouds now have 
nice blue tinge to their edges 


Ps} Select and copy the clouds. Give the cloud 
layer a new layer mask. Alt-click on the layer 
mask and copy the clouds into it. Make sure that the 
clouds in the layer mask line up with the clouds on 
the layer. The darker areas on the cloud layer have 
become transparent. 


6 | Duplicate the colourised layer. Place it between 
the cloud layer and the colourised layer. Set its 
Layer Blending Mode to Color Burn and reduce its 
Opacity to 41 per cent. Remove and apply the 
clouds’ layer masks. In new masks, apply a linear 
gradient to fade the clouds as they reach the horizon. 


Part 4: Making the moon 


The moon is a key element in the image which is set during a World War 2 black out scenario 


Moon halos 


Halos around the moon are 
caused when the light refracts off 
ice crystals in the upper 
atmosphere. This affords the 
opportunity to add a bit of colour 
to the image. 


gs Open the file on the CD called Moon.psd. 
Copy the layer and paste it into your 
Photoshop project. Label it ‘moon render’. Create a 
new set called Moon set and place the moon render 
layer inside the Set folder. Position the moon in the 
lighter part of the sky. 


Create a new layer called halo. Use the 

Elliptical Marquee tool (M) to select an area 
around the moon. Select the Gradient tool (G) then 
from the Tool's options click on the Gradient Picker. 
Choose a spectrum from the pop-up arrow at the 
right of the window. Draw a radial gradient 


gy Give the halo layer a mask. In the mask create 
a radial gradient from white to black causing 
the halo to fade at the edges. Set the layer's 
Blending Mode to Hue. To lighten the moon, 
duplicate the moon render layer. Set it to Colour 
Dodge and give it an Opacity of 43 per cent. 


Part 5: Compositing the barrage balloons 


The balloons were rendered in a 3D app and need to be integrated with the other elements in the image 


Historical details 


Barrage balloons were designed 
to stop Luftwaffe planes 
attacking key targets. By adding 
this single element to the image's 
mis—en—scene we're placing 
the illustration in a specific 


historical period. 


Open the HeroBalloon.psd on the cover CD. 

Use the balloon's Alpha channel to isolate it 
from the black background. Click on the Channels 
palette and select the channel Alpha 1. Copy, and go 
to Layers. Create a layer mask for the balloon layer. 
Alt-click on the mask and paste in the Alpha channel 


a 3D models tend to look too sharp round the 
edges when composited into a photographic 
image. Select the balloon’s layer mask and apply 
a Gaussian blur to it. Remove the mask and copy 
the balloon layer into the Day to Night scene. 
Now the softer edges of the balloon will blend in 
with its environment 


Duplicate the balloon layer. Use a Colour 

Dodge of 80 per cent Opacity to make it fit in 
with the general colour scheme of the image. 
Repeat this process with the other balloons on the 
cover CD (Balloon2.psd and Balloon3.psd). You can 
afford to make the other balloons more transparent 
to emphasise their distance from the camera. 


Part 6: Icing on the cake 


Now to bake all the ingredients of our recipe into a finished digital dish 


To anchor the balloons to the ground, create a 

new layer. Choose the Line tool (U) from the 
toolbar and draw two straight cables three pixels 
wide from balloon to ground. On separate layers do 
the same for the other balloons. Make the distant 
balloons’ cables two pixels wide. 


@ To give the cables a more natural, snaky look, 
select Filter>Distort>Wave. To keep things 
subtle, make the wave type a Sine Wave and give it 
one generator with a wavelength minimum of 62 


and a maximum of 144. Make the wave's amplitude 


a minimum of 1 and a maximum of 13. 


3 | The digitally created 3D components and 
colourised elements stand out as being 
different from the scanned 35mm source image. 
The source image has a film grain that the digital 
elements lack. Choose Filter>Noise>Add Noise. A 
Gaussian grain of 9 should do the trick. EEE) 
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Layer Styles part 2: 
creating natural elements 


Creating natural textures such as slate, rust and 
wood bark is now a matter of tweaking the right 


settings and using Photoshop 6's Layer Styles 
( n part 1 of this tutorial on 
j Layer Styles in issue 62 of 
i Computer Arts, we got to 
grips with the complexities 

of simulating water and creating the 
impression of depth using dropshadows 
and glows. In this second part, we’re 
creating three natural-looking textures: 
first, a moss-covered stone effect by 
overlaying layers filled with different 
pattern overlay styles. Then, rust and 
bark effects by using the layer blending 
modes with the Bevel and Emboss filter 
along with layer masks. 

The introduction of Layer Styles to 
Photoshop 6 was a welcome addition to 


its list of filters. The versatility they offer 
far surpasses the capabilities of most 
other commercial filter packages. 
Features such as the Contour and Texture 
options in the Bevel and Emboss filter 
completely transform the result by 
changing the shape of the bump map, 
creating some very unusual effects. 

Because the filters stay active, 
adjustments can be made as a texture is 
built up, so subtle enhancements can be 
made at all times. There are a lot of 
instructions to follow here, but they 
should all be fairly straightforward and 
the only thing you have to do is some 
simple paint work. 


Part 1: Stone 


Here we'll create a stone texture with patches of moss using 
patterns from the Pattern Overlay Layer Style dialog box 


& Create a new document 15x15cm, 300dpi. Add 
a new layer and fill with C78, M24, Y59, K7. 
Select Layer>Layer Style>Pattern Overlay and 
append the patterns by choosing the Patterns 2.pat 
from the dropdown menu. Select the Slate pattern 
and set the Scale to 1000 per cent. 


4 | Add a new layer and fill with C23, M25, Y35, 
KO. Open the Pattern Overlay dialog box and 
select the Slate pattern. Set the Blend Mode to Hard 
Light and the Scale to 700 per cent. Set the Layer to 
Colour Burn to add depth and increase the texture. 


7 Add a new layer and fill with C39, M28, 

Y28. Select the Add Noise filter and set the 
Amount to 50 per cent, Distribution to Gaussian 
and check the Monochromatic box. Set the Layer to 
Soft Light at 50 per cent Opacity to give the image a 
grittier feel. 


Add a new layer and fill with C52, M40, Y100, 
K19. Choose the Clouds pattern from the 
Pattern Overlay Layer Style and set the Blend Mode 
to Hard Light and Scale to 1000 per cent. Set the 
Layer to Hard Light to give the image a yellow hue 
and add blotches to help build up a moss texture. 


Add a new layer and fill with C48, M36, Y36, 
K3. Select Pattern Overlay and choose the 
Wrinkles pattern. Set the Blend Mode to Colour 
Burn, Opacity to 25 per cent and Scale to 250 per 
cent. Set the Layer to Overlay to brighten the image 
and build up the texture. 


Add a new layer for the moss effect. Select the 
Brush tool and set the Size to 50 pixels and 
Opacity to 50 per cent. Scribble all over the darker 
areas, going over certain areas again to increase the 
opacity. Select the Bevel and Emboss Layer Styles 
and click on Texture. Choose the Rough pattern and 
set the Scale to 250 per cent, Depth to 500 per cent 
and click the Invert box. 


Add a new layer and fill with C68, M38, Y29, 

K3. Choose the Stone pattern in the Pattern 
Overlay dialog box, set the Blend Mode to Soft 
Light and the Scale to 200 per cent. Then set the 
Layer to Overlay at 30 per cent Opacity for a subtle 
textural enhancement. 


Add a new layer above Layer 1. Fill with the 

same colour as Step 5. In the Pattern Overlay 
dialog box, choose the Slate pattern, on Colour Burn 
at 100 per cent Opacity, 100 per cent Scale. Set the 
Layer to Colour Burn to transform the image, 
adding more depth to the moss effect and a blue 
hue to the whole image. 


9 | Now set the Bevel Style to Inner Bevel, 
Technique to Smooth, Depth to 100 per cent, 
Direction: Up, Size: 100px, Soften: 3px, Angle: 120 
degrees, Altitude: 30 degrees, Gloss Contour: Cone — 
Inverted, Highlight Mode: Overlay, 100 per cent 
White and Shadow Mode: Multiply, 100 per cent 
Black. Set the Layer to Overlay to finish off the 

moss texture. > 
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Part 2: Rust 


You can also achieve the effect of sunlight on rusted metal using the 
blending modes to achieve the variation in colour and brightness 


Colour change 


To change the colour of the paint 
in the rust tutorial, add a new 
layer above Layer 1 and fill with 
the desired colour. Then select 
Layer 2 to use as a layer mask 
and invert it. Now set the Layer 
Blending Mode to Colour. 


Repeat pattern 


You have to be a bit careful using 
a Pattern Overlay Layer Style 
overa large surface because the 
repeated pattern can become a 
bit obvious, But you can hide this 
by using layer masks to block out 
some of the worst areas. 


Experiment 


Once you've completed the 
tutorial, try changing the Layer 
Style settings and the layer 
blending modes to see how these 
transform the effect. Some 
surprising results can occur with 
the right combination. 


Brush work 


The Layer Styles do all the clever 
work in this tutorial: all you have 
to do is a bit of simple brush 
work. The images are built up by 
over-brushing in certain areas to 
increase the opacity, and 
remember, soft edges will blend 
the effects smoothly. 
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3 Open a new document, 15x15cm, 300dpi. Fill 


the background layer with C33, M47, Y71, K9. 


Create a new layer and fill with C28, M81, Y100, 
K21. Open the Pattern Overlay Layer Style under 
Layers and choose the Stone pattern. Set the Blend 
Mode to Hard Light, Opacity to 80 per cent and 
Scale to 300 per cent. Set the Layer to Colour Burn. 


Now click on the Texture box under Bevel and 

Emboss in the list. Select the Clouds pattern 
and set the Scale to 100 per cent, Depth to 25 per 
cent and check the Invert box. Now select the 
Pattern Overlay Layer Style. Set the Blend Mode to 
Soft Light, Opacity to 100 per cent, choose the 
Clouds pattern and set the Scale to 1000 per cent. 
Set the Layer to Soft Light. 


Add a new layer. Make up a brown colour of 

C30, M59, Y87, K44. Now with a brush of 40 
or 50 pixels in size, check the Wet Edges box and 
dab dots all over the rusty part of the image. Now 
use a larger brush, uncheck Wet Edges, set the 
Opacity to 50 per cent and paint along some of the 
edges of the rust and inside the other areas. 


Select the Bevel and Emboss Layer Styles. Set 

the Style to Emboss, Technique: Smooth, 
Depth: 50 per cent, Direction: Down, Size: 84px and 
Soften: 3px. In the Shading panel set the Angle to 
120 degrees, Altitude: 30 degrees, Gloss Contour: 
Linear, Highlight Mode: Overlay, Colour: White, 
Opacity: 60 per cent, Shadow Mode: Overlay, 
Colour: Black, Opacity: 100 per cent. 


Add a new layer. Select a brush of about 200 

pixels and choose a brown colour like C42, 
M71, Y100, K49. Paint a few high vertical peaks 
that will be tranformed into peeling paint later on. 
Now open the Motion Blur filter and set the Angle 
to 90 degrees and the Amount to 100 pixels to 
soften the edges. 


5 | Duplicate this layer and open the Layer Style 
dialog box. Alter the settings to the Bevel and 
Emboss style as follows; Soften: 16px, Gloss Le 
Contour: Ring — Double, Highlight Opacity: 50 per Now select Layer>Layer Style>Pattern Overlay 
cent, Shadow Mode: Hard Light, Colour: C3, M52, G and change the Blend Mode to Overlay. This 
Y88, K1, Opacity: 80 per cent. Click on the Texture layer has now created the rust effect by overlaying 
box and change the Scale to 1000 per cent, Depth textures and using the blending modes to achieve 
to 75 per cent and uncheck the Invert box. the variation in colour and brightness. 


Select Bevel and Emboss and follow these 
8 | settings, Style: Emboss, Technique: Smooth, 
Depth: 75 per cent, Direction: Up, Size: 15px, 
Soften: 3px. Angle: 120 degrees, Altitude: 30 
degrees, Gloss Contour: Gaussian, Highlight Mode: 
Soft Light, Colour: White, Opacity: 100 per cent, 
Shadow Mode: Hard Light, Colour: Black, Opacity: 
100 per cent. 


Click on the Texture box and select the Clouds 

pattern, set the Scale to 200 per cent and 
Depth to 100 per cent and uncheck the Invert box. 
Set the Layer to Colour Burn. The subtle use of Bevel 
and Emboss with a Texture gives us the final, bubbly 
rust effect. 


Part 3: Generic tree textures 


Painting out various areas lets the underlying texture 
come through, and gives the effect of splits in the bark... 


gi Select Layer>Layer Style>Bevel and Emboss 
and follow these settings, Style: Emboss, 


Create a new document 15x15cm, 300dpi Technique: Smooth, Depth: 241 per cent, Direction: Now click on the Texture box and choose 

Fill the background layer with black, then Down, Size: 152px, Soften: 6px. Angle: 120 Wood as the Pattern, Scale: 500 per cent, 
create a new layer. Choose a 200 pixel brush and degrees, Altitude: 30 degrees, Gloss Contour: Depth: 50 per cent and uncheck the Invert box. 
make up a colour of M25, Y50, K25. Paint wavy, Rolling Slope —- Descending, Highlight Mode: Click on the Pattern Overlay box and set the Blend 
vertical lines, overlapping in the middle of each Screen, Colour: C27, M72, Y78, K14, Opacity: 100 Mode to Soft Light, Opacity: 100 per cent, Pattern: 
column to increase the opacity. This will be used to per cent, Shadow Mode: Multiply, Colour: Black, Wrinkles, Scale: 40 per cent. These settings help 
create the inner layer of bark Opacity: 100 per cent create the wood effect for the bare areas of the tree. 


Duplicate this layer and change these settings 
for the Bevel and Emboss Layer Style, Depth: 


120 per cent, Direction: Up, Size: 100px, Soften: Select the Pattern Overlay Layer Style and 
Opx, Gloss Contour: Linear, Highlight Mode: Overlay, follow these settings, Blend Mode: Overlay, Duplicate this layer and select the Pattern 
Colour: White. Click on the Contour box and select Opacity: 100 per cent, Pattern: Wrinkles, Scale: 50 6 | Overlay Layer Style. Set Blend Mode to Colour 


the Rolling Slope - Descending Contour, andsetthe per cent. Set the Layer to Darken, then add a layer Burn, Opacity: 100 per cent, Pattern: Satin, Scale: 


Range to 100 per cent. Click on the Texture box and — mask. Paint out a few areas to let the underlying 1000 per cent. Set the Layer to Soft Light. This helps 
set the Pattern to Clouds, Scale: 200 per cent, Depth: texture come through. You want to get the effect of to colour the bark and the variations in colour add 
50 per cent, check the Invert box. splits in the bark. to the feel of depth. 


Select the Bevel and Emboss Layer Style and Click on the Texture box and choose the 
G follow these settings, Style: Emboss, Clouds Pattern, Scale: 200 per cent, Depth: 50 
Technique: Smooth, Depth: 120 per cent, Direction per cent and check the Invert box. Select Pattern 
Add a new layer and choose the colour C25, Up, Size: 100px, Soften: Opx, Angle: Use Global Overlay and set the Blend Mode to Overlay, 
M57, Y80, K8. Select a brush with a Width of Light, Gloss Contour: Linear, Highlight Mode: Opacity: 100 per cent, Pattern: Wrinkles, Scale: 50 
100 pixels and paint diagonal wavy lines over the Overlay, Colour: White, Opacity: 100 per cent, per cent. Set the Layer to Soft Light at 50 per cent 
bark areas. Make sure you leave some gaps in the Shadow Mode: Multiply, Colour: Black, Opacity: Opacity to finish off with a subtle lighting effect, 
image for the underlining effect to be unaffected. 100 per cent. creating more highlights and shadows. GEE 
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Airbrush technique 


The colourised pencil-shaded style is one of the 


most popular styles for medical illustration... 


Ar elcome to part one of the 

i airbrush masterclass. In 
this series of three tutorials, 
we'll be exploring a number 


of different professional airbrush 
illustration styles, from industrial design 
to medical illustration. In this first 

part, we're taking a look at medical 
editorial illustration. 

Medical editorial illustration differs 
widely from the standard technical 
illustration. Editorial illustration is more 
colourful and has an artistic flair to it, 
whereas technical illustration is more 
plastic in appearance, with less detail. 
Basically, editorial illustration is more 
appealing, particularly to the consumer. 
With the vast number of medical topics 


in the news today, and the proliferation 
of medical media there is great demand 
for medical editorial illustration, making 
this a timely topic for our tutorial. 

There are a number of different styles 
for medical editorial illustration, but one 
of the most popular is the colourised 
pencil-shaded style, which we’re 
covering in this tutorial. This style 
resembles an airbrushed illustration but 
gives the general effect of pencil 
shading, so it’s less polished and more 
textured and grainy. Fortunately 
Photoshop makes this relatively simple 
to achieve through its layer blends and 
filters. With these tools, we can add the 
imperfections found in traditional 
pencil-shaded illustration. 


Illustration: Bill Fleming [e] CHAOS3D@aol.com 


Part 1: Painting in Photoshop 


The first step is to create a detailed bump layer, which is then 
applied via a layer blend to the colour layer below 


Using a stylus 


While it’s possible to paint in 
Photoshop with a mouse, it's far 
better to use a stylus when trying 
to imitate the effect of a natural 
airbrush. A mouse can be tricky 
and the cost of stylus tablets 

has gone down dramatically over 
the last few years, with many 
priced under $150. If you really 
want the real-world experience, 
you can now get an LCD tablet 
where you paint directly on your 
Photoshop image. It doesn't get 
any better than that. 


Painting methods 


There are a number of ways you 
can paint in Photoshop but the 


2 aaa add a new layer beneath the sketch 

G ise: called bump. Fill the layer with 50 per 
cent gray. We'll be adding the depth detail to this 
layer with the Burn and Dodge tools. Once 
completed, apply this layer to the colour layer below 
with a layer blend. 


1 | First load the Heart.psd image into Photoshop. 
This image represents a rough sketch of the 
heart, as well as the basic colour: we don't need any 
more than this because it's only a painting template. 
We'll be airbrushing the finer details. 


most logical is to first create a 
detailed bump layer, which is 
then applied via a layer blend to 
the colour layer below to add 
detail. This way you avoid the 
necessity of changing brush 
colours to create highlights. 


Burn and Dodge 


The easiest way of adding depth 
to an illustration is with the Burn 
and Dodge tools. These darken or 
lighten the colour, making them 
ideal for adding shadowing and 
highlights. Of course, if you are 
working ona colour, rather than 
grayscale layer, your colour will 
be ‘burnt’ by the Burn tool, which 
means it will be over-saturated, 
Agrayscale bump layer is used 
for adding depth because gray 
darkens but doesn't ‘burn’. 


4 | To paint the highlights, switch to the Dodge 
tool and paint strokes along the high points of 
the artery selection. To create a well-rounded artery, 
scale the brush size down several times as you make 
repeated strokes to lighten the colour. With the 
main artery completed, move on to the veins that 
extend off it and onto the heart tissue. The veins 
should already be selected. 


First select the Burn tool with a small brush 
size, and then add shadowing to the outer 
edges of the veins. 


First, select the red artery with the Magic 

Wand, and then hold the Shift key down and 
use the Lasso tool to add the tissue that binds the 
peach artery to the red artery to the selection. Add 
shadowing to the red artery using the Burn tool, just 
as you did with the peach artery. 


To add the sharper highlights, select a small 
brush and use repeated strokes to create a hot, 
white line along the peak of the veins. With the 
veins complete you can now move on to adding 
depth to the red artery. 


3 iad adding depth to the peach artery by 

Gis selecting it on the colour layer with the 
Magic Wand tool. Select the Burn tool with a 
Pressure of 20 per cent and a rather large brush. 
On the bump layer, shade the outside edges of the 
artery with multiple strokes of the brush. Then 
move on to the highlights. 


Go Now select the Dodge tool and paint light 
highlights along the top of the veins. To make 
the veins appear wet, add sharper highlights. 


Zoom into the connecting tissue and use a 
small airbrush to create tendon-like fibers on 
the connecting tissue. Now you're ready to add 


the highlights. 
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Part 2: Highlights and shadow detail 


For this we use the Dodge tool to emphasise high 
points, and the Burn tool to create the illusion of depth 


Layer blends 


One distinct advantage 
Photoshop offers over traditional 
airbrush techniques is you can 
use layer blends to detail your 
images. With layer blends, you 
can do more than paint over a 
template: you can blend new 
colours that add to the impact of 
the image, such as saturating 
hotspots of the image with a Hard 
Light layer blend. These things 
take infinitely more effort with 
traditional techniques. 
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To create the highlights, select the Dodge tool 
and paint strokes along the high points of the 3 Now to tackle the purple artery. First, select 
artery and connecting tissue. This process is fairly the purple colour on the colour layer, then 
redundant, because we'll be using the same 
techniques to add depth to the heart elements. The 


beauty of this method is that it only uses two tools. using the sketch layer as a template. 


First add the shadow detail with the Burn tool - 6, Then run the Dodge tool along the areas 
this is the easiest way of adding depth. which catch the light. 


The heart muscle striations are the most 

interesting detail of the illustration. To create 
the striations, first select the red colour on the colour 
layer, then select them using the Dodge tool and 8 | Next select the Burn tool and paint the 


paint diagonal lines to represent the ridges of the 
heart muscle. You can follow the sketch layer as a 
guide or just wing it. 


shadowed depth of the striations. The heart 
muscle is now taking shape, though it still lacks 
any real depth. 


activate the sketch layer. Now select the Burn tool 
and paint the shadowed details on the bump layer, 


@ Next select the Dodge tool and paint 


highlights on the purple artery. Then move to 
the purple tissue on the right side of the heart, 
under the red artery. 


G To create more depth on the tissue, use the 
Burn tool to darken the top of the tissue, just 
under the red artery, and then along the right edge 
of the tissue. The tissue now has more 3D depth. 
Next we'll be painting the muscle striations of the 
actual heart. 


To add depth, select a large brush size and use 

the Burn tool to darken the underside of the 
heart. This creates the illusion of shadowed depth. 
Speaking of adding depth, let's move on to the 
yellow, lumpy tissue that surrounds the heart. 


Part 3: Pencil shading 


The bump layer is looking great, but it doesn't have that pencil 
illustration shading appeal that we're after... 


Digital photos 


One quick technique for adding 
classic flaws and texture to your 
airbrush illustrations is to use 
digital photographs of natural 
textures such as rust, metals and 
woods, as layer blends to your 
bump layer. First desaturate the 
layer, and then apply an Overlay 
layer blend to apply the details to 
your illustration. Tweaking the 
Layer Opacity helps to achieve 
precise results, Digital 
airbrushing makes it possible to 
‘cheat’ the process by taking 
advantage of the resources used 
with traditional airbrushing. 


Editing details 


For the best results and fastest 
editing, you should always add 
your details on layers so they can 
be easily modified. Photoshop 
has a suite of powerful and 
flexible layer blends that make it 
simple to add specific details to 
your image, without the sacrifice 
of putting everything on the same 
layer. While adding more layers 
consumes memory and file 
space, it does give you the 
flexibility to go back and edit 
specific details with little effort. 


eG First, select the yellow colour on the colour 
layer, and then select the Burn tool and paint 
the shadowed accents on the bump layer, using the 
sketch layer as a guide. 


4 | Since you'll be applying the bump layer to the 
colour layer below using a layer blend, you'll 
need to knock out the gray background so it won't 
taint the background colour. To do so, use the 
Magic Wand tool to select the background, and 
then smooth the selection with 5 pixels to clean up 
the outer edge. Then expand the selection 3 pixels 
to make a clean cut, and clear the selection. 


To add 3D depth to the heart, create a new 

layer called ‘darken’ and then change the 
Layer Blend to Multiply. Now, set the Airbrush to 
RGB Black, with a Pressure of 20 per cent. Now 
select a very large brush and paint strokes on the 
underside of the heart and back side of the artery to 
the left. This adds shading to create depth. 


2] Select the Dodge tool and add highlights to the 
lumpy tissue. When you're finished it should 
resemble brain tissue. To accent the creases, select a 
very small airbrush set to RGB Black with a Pressure 
of 20 per cent, and then paint dark lines at the base 
of the creases. 


Ga The bump layer is looking great, but it doesn't 
have that pencil illustration appeal that we're 
after. To create this effect, first select Layer 
Transparent on the bump layer, then add Gaussian 
noise with an Amount of 4 per cent. Add a new layer 
called 'noise' and set the Layer Blend to Multiply, 
with an Opacity of 60 per cent. Then render clouds 
with RGB 140, 140, 140 and RGB White. 


8 | To add more depth, apply specular highlights 
to the tops of the lumpy tissue surrounding the 
heart. To do this, create a new layer called 
highlights. Then set the Airbrush to RGB White and 
paint small hotspots on the tops of the ridges. Add 
some white splotches to the purple tissue and finally 
contour highlights on the main arteries. 


3 | To complete the heart bump, paint the outer 
edge of the heart lower artery, making sure to 
add dark shadowing on the outer edge of the heart 
to add depth, and on the top of the lower artery, 
just under the heart to create a shadow. 


To colourise the heart, set the Bump Layer 
G Blend to Luminosity, which applies its details 
to the colour layer below. Then, to add more 
character, select the colour layer and paint slight 
colour hue changes on the main heart elements, 
such as a little orange bleeding on the horizontal red 
artery and some lavender on the purple artery, not 
to mention a little light yellow around the interior of 
the yellow tissue. 


9 | As a final step, create a new layer called 
veins, and set the Layer Blend to Multiply. 
Select a very small brush with a Colour of RGB 177, 
24, 64 and a Pressure of 15 per cent. Paint tiny veins 
on the main arteries, extending inward from the 
outer edge of the artery. Then Gaussian blur the layer 
with a radius of .5 pixels and you're finished with the 
heart illustration. EEE 
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Illustration: Bill Fleming [e] CHAOS3D@aol.com 


Airbrush techniques, part 2 


Mastering the art of technical illustration, 3D 
shading and surfacing in Photoshop 


r elcome to part two of the 
( airbrush masterclass. In the 
first part we explored 
medical editorial 


illustration, using a pencil-shaded style. 
In this tutorial, we'll be exploring another 
popular professional illustration style — 
product prototype technical illustration. 
Product technical illustration is a 
large and lucrative industry which means 
that honing one’s skills in this area can 
be quite rewarding. While it’s common to 
3D render product prototypes, they are 
typically first illustrated as a point of 
reference forthe 3D model. /llustrator, 
and other illustration programs are used 
for technical illustration but they lack 
Photoshop's shading control. To create 


more detailed and realistic technical 
illustrations, it’s best to create the 
line art in /llustrator and then colour 
and shade the image in Photoshop, 
taking advantage of the Photoshop 
layer blends. 

Of course, if you take that extra step 
to shade your technical illustrations in 
Photoshop, you'll be among the cream of 
the crop because most technical 
illustrators do their shading in 
illustration programs. The goal is to 
achieve convincing 3D depth and 
realism without actually starting a 3D 
model. After all, at this stage of the 
product's development we're still 
fleshing out the design. Okay, let’s 
hammer out our technical illustration. 


Part 1: Colourising the hammer 


We'll start by laying down flat colours in blocks, then we'll tackle the 3D shading, 
adding the type of lighting detail that makes the illustration more realistic... 


Painting colours 
on layers 


When colourising your technical 
illustrations, it's a good idea to 
create new layers for each colour, 
making it easier to tweak them 
without the hassle of having the 
colours ona single layer. Once 
your colour is complete, you can 
save a copy and merge the colour 
layers for the shading editing. 


Create shading 
layers 


Rather than adding the shading 
directly to the colour layers, it's 
best to create a unique shading 
layer. This enables you to control 
the shading with more precision, 
using the minimum number of 
tools. In the case of a technical 
illustration shading, all we need 
is a black airbrush to create 
shading depth. 


Pa First load the Hammer.psd image on the cover 
CD into Photoshop. This image represents a 
rough sketch of the hammer, which was created in 
Illustrator. We really don't need any more than this 
because it's only a painting template: we'll be 
airbrushing the finer details. 


NS 


g° complete the colour layer, select the circuit 

Os components and fill them with unique 
colours, following the colours referenced in the 
figure above. The exact colours aren't important, 
though we need to make the overlapping wires 
different colours so that they are distinguishable 
from one another. 


Zoom into the point where the underside 

of the Hammer Head meets the Neck. 
Select the area cut into the Hammer Head and 
slightly shade the right side, then blacken the left 
side for a shadow effect. Now we'll move on to 
shading the seams. 


Next create a new layer called ‘colour’ under 
the lines layer and select the main components 
of the hammer on the lines layer and fill them as 


follows — Hammer Head: RGB 231, 50, 49, Hammer 


Neck: RGB 209, 141, 90, Hammer Ends: RGB 237, 
172, 17, Hammer Handle: RGB 74, 74, 71. You can 
also use the Selections, which are already defined in 
the Selection menu. 


G The completed hammer colourisation should 
resemble the figure above. It looks rather 
cartoony now but we'll be adding shading details 
that create depth next. Afterward, we'll create the 
specularity and reflection highlights that make the 
illustration convincing. 


To shade the seams, select the seam bevel on 

the lines layer, then lightly shade the bevel of 
the seams on the lower half of the Hammer Head. 
Select the seam on the leading edge and darken 
the lower edge with a diagonal line to create a 
shadow effect. All the darkening is achieved with a 
black airbrush, though you'll have to change the 
scale of the brush size to create finer details like 
shadow lines. 


P| 


Now add a new layer called ‘circuit board 

colour’, then select the Circuit Board Selection 
and fill it with RGB 47, 128, 63. We could also select 
the circuit board on the lines layer, but to make 
things easier, we've provided all of the selections 
with the Hammer.psd file. 


6 | Next tackle the 3D shading, which is easier 
than it looks. First, create a new layer called 
shading and then fill it with RGB White. Then, using 
the Magic Wand, select the two halves of the 
Hammer Head without the seams. Select a large 
black airbrush and paint a dark edge on the 
underside of the selection, then a slight dark edge 
at the top. 


Shade the Hammer Ends by selecting them 

from the Selection menu, then darken the lower 
portion of the Hammer End, leaving a slight ring 
round the outer right edge. Shade this edge lighter 
than the front at the top and darker at the bottom so 
it stands off. Leave a hot white spot along the top to 
create the foundation for a specular highlight, 
reinforcing the depth of the Hammer End. > 
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Creating a light 
source reference 


Shading can be tricky because 
you need to incorporate all the 
fine details of lighting. To 
simplify this process, you can 
add a simple arrow on your 
image that indicates the location 
and direction of the light source. 
Use this arrow as a reference 
when creating your lighting 
effects and shadowing. As a 
quick reference, draw selection 
lines from the light reference to 
determine light angles. 


Photoshop Special 


Now select the Hammer Neck selection and 

shade the left and right sides to create a 
rounded neck. Create thickness at the top by 
darkening a line under the top. By not shading the 
seam, you create instant depth on the seam. The 
light line appears like a specular highlight along the 
seam. Next, add the screw hole on the lower neck. 


To create the detail of the screw, select it on the 

lines layer, then shade the details darker on the 
right and left sides, leaving the centre fairly light 
because it will catch some light from the source. 
Change the Brush Colour to White and paint a bright 
line along the leading edge of the centre for a 
specular edge highlight. Now we'll move on to the 
Hammer Handle. 


Select the screw holes on the Hammer Handle 

on the lines layer, and shade them darker on 
both sides to round them. Create diagonal shadow 
lines — the top hole will be more diagonal because 
the hole is longer with a more extreme curvature. 
The lower hole will be fairly parallel because it's on 
the other side of the handle and the hole is short 
and round. 


Start by zooming into the lower neck. Then 
select the screw hole on the lines layer with the 
Magic Wand. Add slight shading on the leading and 
trail edges to round the hole. The next thing is to 
create a dark shadow line running diagonally 
through the hole, making it darker on the right side 
where it is more obscured from the light source. 


First select the exterior of the Hammer 

Handle on the lines layer, ignoring the seams. 
Then shade the left and right sides to round the 
handle. Select the battery door seam on the front 
edge and shade the top of the seam dark to 
simulate the seam shadow. Do the same for the 
seams at the bottom of the handle, shading the top 
edged dark to add depth. 


Now detail the screws as in steps 12 & 13. 
Because the top screw is more in the light, 
shade it lighter and provide a more distinct specular 
highlight. With the exterior of the handle complete, 
move on to the interior. This requires a great deal of 
shading detail, particularly on the circuit board. 


Select the screw on the lines layer and shade it 

relatively dark, leaving a lighter spot on the 
right side where the screw peers out from the hole 
shadow. This type of lighting detail helps to make 
the illustration more realistic. Next we'll tackle the 
detail of the screw. 


15 Select the thickness of the hammer cutaway 
and shade it slightly darker than the handle, 
making the top part even darker to simulate the 
shadowing from the cutaway curvature. As you can 
see, shading requires you to observe the light source 
quite carefully, but in time it becomes second 
nature. To simplify things you might want to create 
a reference on the image showing the light source 
origin and direction. 


First select the interior of the Hammer Handle, 

excluding the components. Shade the right side 
for shadowing and depth and create a curved 
shadow line at the top, making the left of the 
shadow region darker. If you equally darken the 
shadow you'll lose the curvature of the handle 
interior. Next create the component shadows, using 
the lines layer as reference. 


Part 3: Shadowing and specularity 


The next step is to fill in some component shadowing, and then the component 
and specular highlights to emphasise the plastic material of the hammer 


Applying texture 
Before adding specular 
highlights to your technical 
illustration, you should add a 
little noise for texture, to make 
the materials appear more 
realistic. The beauty of the noise 
is that it lightens random pixels. 
When you apply the specular 
highlight layers they sharpen 
these pixels, creating tiny 
highlights that give depth to 

the noise texture. This subtle 
diffusion of specularity makes 
the material appear more 
authentic than a simple 

smooth surface. 


1 | Now to tackle the component shadowing. 
First, select the Capacitors and Resistors 
selections. Shade the outside edges of the 
components to round them and leave a light line at 
the base of the capacitors to indicate the wider base 
receiving specularity. 


4 | Finally, shade the speaker and wires using the 
lines layer to make selections with the Magic 
Wand. Leave the edges parallel to the light source 
white to represent specularity. You also need to 
simulate shadowing from the wires on the 
connectors. This is tricky but in reality it doesn't 
have to be perfect. 


Now change the Shading Layer Blend to 

Multiply and bam! Instant 3D depth to the 
colour layers below. The texture is powdery at the 
moment because we haven't applied any specular 
highlights, but that's what we'll be tackling next. 
First let's merge the colour layers into one. 


Next, select the Metals selection and shade the 

outside of the wires to round them. Also create 
a dark shadow line on the top edge of the capacitor 
metal to represent the shadow from the top edge of 


the capacitor body. Next move on to the connectors. 


Now we're ready to add the detail to the 

Hammer End. First, activate the Hammer 
Head Illo layer. Set the Layer Blend to Multiply so 
that the lines on the shading layer are visible. First 
you need to move the Hammer Head IIlo above the 
shading layer. 


8 | Before we tackle the specularity, we'll need to 
add some texture to the hammer so it looks 
like plastic. To do this, select everything except the 
circuit board components on the colour layers and 
add Noise with the following settings: Amount 7, 
Distribution Gaussian, Monochromatic. Now the 
plastic has some texture. 


Shade the connectors lighter on the leading 
edges and darker on the backside, opposite 

the light source. This is a tricky area, so use the lines 

layer as reference for the detail of the connectors. 


Now select the shading layer and paint light 
lines on the leading edges of the detail and 
darker lines on the trailing edge to lift the detail off 
the Hammer Head. Make the edges on the 


character harder than the wood core lines so it pops 
off the Hammer End more. 


9 | To create specular highlights, first add a new 
layer called ‘specularity’, then change the Layer 
Blend to Colour Dodge. Set the Airbrush to White 
and paint a specular highlight along the top edge of 
the Hammer End. With the Layer Blend active, you 
can see exactly how the saturation appears to enable 


you to get the desired effect. 
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You can't use too 
many layers! 


For the best results and fastest 
editing, you should always add 
your details on layers so they can 
be easily modified. Photoshop 
has a suite of very powerful and 
flexible layer blends that make it 
simple to add specific details to 
your image, without the sacrifice 
of putting everything on the same 
layer. While adding more layers 
consumes memory and file 
space, it gives you the flexibility 
to go back and edit your specific 
details with little effort. 


Part 3 


The final part of ourseries of 
Airbrush techniques tutorials can 
be found in issue 64 of Computer 
Arts, on sale from 25 October. UK 
copies of the magazine also 
come with a free copy of 
FreeHand 8 by Macromedia. 
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10) Next add specularity to the Hammer Neck top. 
To do this, paint a line running up the left side 

of the seam. Also highlight the rim of the top on the 

same side, making sure there is a gap in highlight 

between the rim and base highlights to create depth 

for the rim. 


13) Next add a new layer called ‘highlights’ which 
is where we'll paint the hot white highlights of 
the components. Set the Airbrush to White and paint 
white highlights on the components with a tiny 
brush, which amounts to diagonal lines parallel to the 
Hammer Handle. Also paint tiny white dashes on 
either side of the chips to represent the connectors. 
The underside dashes should fade towards the top of 
the ship to simulate shadowing. 


Add reflection details to the circuit board 

components, First select the circuit board and 
components, then locate a reflection image, which 
could be any grayscale photograph. Copy the photo 
and Paste into Selection to apply it to the image. 
Rotate the photo so that it's parallel with the 
hammer and change the Layer Blend to Color 
Dodge and the Layer Opacity to 40 per cent, which 
creates a convincing reflection effect. 


o Now create a specular line down the left 
side of the lower neck and handle. Also 
select the seams and paint highlights in them, 
then paint highlights on the lower portion of the 
seams for the battery door. In addition, paint a 
highlight on the right side of the screw holes and 


then along the bevel on the front edge of the screw 


holes. Finally, paint a hairline highlight on the top 
edge of the cutaway. 


14 | To make the circuit board more convincing, 
add some schematic lines. Typically found on 
most circuit boards, these are lines around the 
components, drawn on a new layer with the Line 
tool. The Line tool is set to a width of 1 pixel and an 
Opacity of 100 per cent. The Layer Blend is set to 
Screen with an Opacity of 50 per cent to apply the 
lines to the colour layer below. 


7 Now do the same for the Hammer Handle, 
Neck and Head. Of course we rotate the 


reflection image applied to the Hammer Head so 
that it's parallel and creates horizontal reflection 
details. Also Use a Soft Light layer blend with a 20 
per cent Opacity so the reflection details don't 
appear metallic. The plastic material of the hammer 
now appears quite realistic. 


Now zoom in on the circuit board and paint 
G a hairline highlight on the leading edge of 
the circuit board, and then on the metal support in 
front of it. Then paint the same highlight on the 
front and right edge of the gold label on the main 
chip. Now we're going to move on to the 
component highlights. 


15 Now label the chips with some simple white 
text. Set the Layer Opacity to 40 per cent so 
that the text isn't too bright. It needs to appear 
diffused by the surface reflection we'll be adding 
next. The text is simply rotated to match the 
perspective of the chips. We can clone the first chip 
text layer to apply to the other chips, and also draw 
coloured lines on the components with the Line tool 
for detail. These are added on a new layer above the 
colour layer. 


18 To wrap up the hammer, apply a Drop Shadow 
to the colour layer. The shadow should have an 
Opacity of 80 per cent, an Angle of 96, Distance 96 
and Blur 7. This drop shadow lifts the hammer off the 
backdrop. And there you have it — a 3D technical 
illustration created entirely in Photoshop. CEE 
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Essential skills 


www.Photoshop.imageready 


f you are new to Web design 
and Photoshop, this is the 
perfect hands-on tutorial to 
‘t get you up to speed quickly. 
Presented in large format and in full 
colour, the five sections present each of 
the essential skills needed to produce 
professional graphics with Photoshop 6 
and ImageReady 3. 

The first chapter deals with how to 
configure these programs — something 
often omitted by other manuals in their 
haste to illustrate the latest techniques. 
Proceeding chapters systematically 
move through Web essentials such as 


colour and optimisation, how 
to handle backgrounds and 
type and more complex 
graphics such as image maps 
and animated GIFs before 
concluding with a chapter on 
forming a Web page. 

What sets this manual apart from 
others aimed at beginners is the way 
the author explains some highly 
complex techniques. Annotated 
screenshots help you to quickly locate 
the dialog box you're after. Overall, the 


Verdict 
focus is completely on Web graphics 


and the latest versions of Photoshop He SHE SHE Se SH) 


and 
ImageReady, but 
if you need to master 
these skills quickly, then this is 
one of the best beginners’ manuals 
currently available. 


Visual feast 


Photoshop 6 Wow! Book 


£37.99 


Linnea Dayton & 
Jack Davis 


Publisher 


Peachpit Press 


ISBN 


0201722089 : 


| 90 | Photoshop Special 


his latest addition to the 
Wow! series on Photoshop is 
a feast for the eye as well as 
being an eminently practical 
how-to manual, crammed with 
tutorials and tips that any intermediate 
or advanced Photoshop 6 user 
will appreciate. 

Split neatly into nine self-contained 
chapters, all of Photoshop 6’s main 
features are covered, with chapters on 
colour and retouching, filters, 
combining images and the Web and 
motion graphics. Each tool, technique 
or shortcut is thoroughly explained 
with appropriate screenshots. 

Wonderfully designed, this manual 
is the perfect companion for anyone 
who wants to learn Photoshop 6 
technique by doing. Read coverto 
cover, or used for inspiration, this is 
essential reading. 


Verdict 
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Tried and tested 


The Complete Idiot's Guide to Photoshop 6 


eginners who have used other 


® 4 Idiot's guides will instantly 
£18.50 7 a feel at home with this manual. 
The design and teaching style 
follow the tried and tested /diot’s 
Robert Stanley method and cover all of the latest 
features. You will learn how to handle 
all of the key features, as well as new 
Que additions, such as the Options bar and 


the Vector Shapes tool. 

Each of the 25 chapters is similarly 
structured so you can easily assimilate 
the information. The author has taken 
great pains to write a book that he 
could use to learn Photoshop 6, and 
has pre-empted many of the pitfalls. 

Insider knowledge is presented in 
abundance and enables the absolute 
beginner to grasp each of Photoshop's 
basic and not-so-basic techniques. 
This manual lacks a CD-ROM, but is 
still excellent value for money. 


Verdict 
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Recipe for success 


Photoshop 6 Cookbook 
eg 


£24.95 


his book is a godsend for any 
Photoshop user who wants to 
} j choose the right effect or filter 


| Author re to apply to an image but isn't 
: quite sure of the end result. The same 
Kate Binde 


image is used on each double-page 
spread with a separate effect applied to 
it, and in each case is accompanied by 
a recipe explaining how to achieve 

the effect. 

Acertain amount of prior knowledge 
is assumed, making this full-colour 
reference book more useful for users 
who have mastered the basic 
techniques: for instance, you arent 
shown where each dialog box is located 
as you step through the recipes. For 
intermediate and advanced users 
however, this is an excellent manual. 


Publisher 


Silver Pixel Press 


1883403839 


Over 11 chapters, 
such diverse 
effects as Metal 
Stamp and Matrix 
Screen are 
explained, and the 
concluding chapter 
covers what the author 
calls ‘illustration 
effects’ such as 
Reflection On Water and 
Colour Wash. | The book lacks a CD-ROM, but the high 
Use this book for quality of the presentation more than 
inspiration to boost your creativity, or as makes up for this. 


a reminder of how to achieve various i 
Verdict 


effects. Applying more than one recipe 
to an image can produce more 
interesting effects — something that ae 3 7 * 


the next edition might want to cover. 


Simple solutions 


Real World Photoshop 6 


| Price ( he problems that graphics 
j professionals face fall into a 
£37.99 : number of clearly-defined 
i categories. This book 


| Authors 


David Blatner & 
Bruce Fraser 


| Publisher 


attempts to present the solutions with 
easy-to-understand explanations that 
any Photoshop 6 user can follow. You 
will see how to handle the Colour 
Settings dialog box, how to calibrate 


Peachpit Press your monitor correctly and how to 
apply a silhouette to an image for 
ISBN catalogue work for instance, plus 
5 lee Past hundreds of other techniques. 
0201721996 


The main bias is towards print as the 
final output medium with a small 
section on Web graphics. The real 
power of this book is in the 
comprehensive information on 
handling colour, which offers a 
complete course in RGB, CMYK and 
Lab colour set-up. 

If you design for pre-press, this book 
will open your eyes to possibilities 
that you have only touched on. Many 
other manuals contain sections of 
the information presented here, 
but this one gathers it all into one 

easy-to-read volume. 
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To the point 


Photoshop Photo-Retouching Secrets 


[ Price 


£30.99 


Author a 


Scott Kelby 


Publisher 


f Katrin Eismann's book is 
perfect for the intermediate to 
advanced user (see p. 92), 
then this book is purely for 
the beginner. The no-nonsense, 
straight-to-the-point techniques in 
this slim volume demonstrate how to 
correct the most common errors and 


New Riders faults in your images, such as removing 
scratches, correcting an under- or 
ISBN over-exposed image and removing red 
eye from holiday snaps. 
0735711461 Y “ies 


The book is presented in full-colour 
with clear and concise illustrations. 
Actual Photoshop operation isn't really 
covered: it’s up to you to locate the 
appropriate dialog boxes and menus. 

The author has taken the time to 
ascertain which retouching techniques 
are most commonly used by the 
majority of Photoshop users and has 
created a set of tutorials that teach 
these with the minimum of 

technical know-how. Begin your 
photo-retouching journey here, 
and then move onto more 
complex works aimed at the 
professional user. 


Digital surgery 
Photoshop Restoration and Retouching 


£36.50 


Katrin Eismann 


his book is a must-have if 
you spend a great deal of 
your time retouching 

i photographs, particularly 
portraits. Condensed into less than 
300 pages are the essential skills 
needed to produce flawless results 
from photographs you may have 


Que previously thought beyond repair. 
The manual begins with a rapid tour 
ISBN | of the Photoshop techniques and then 
0789723182 covers the key areas of successful 


retouching such as tone, exposure and 
colour, restoration work. Fashion and 
glamour retouching concludes a 
skillset that should enable you to 
perform surgery on even the most 
damaged of images. 

The author then illustrates how an 
image that appears to be perfect can 
be improved to become outstanding. 
Photographers are bound to find a use 
for all the techniques detailed here. 
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Training manual 


Adobe PS 6 and II/lustrator 9 Classroom in a Book 


s its title suggests, this 


£33.99 manual is aimed at advanced 
x users and doesn't hand-hold 
i as it moves you through each 
of the step-by-step tutorials. Written 
Adobe by Adobe staff and used as their own 
training manual, you'd expect this book 
to be ideal for more intuitive users. 
Adobe Press It is true that the nine intensive 
lessons cover all of Photoshop 6’s and 
Illustrator Js fundamental features. 
020172989X However, each lesson seems to have 


been written by the developers of 
these programs — surely a fatal flaw in 
any user documentation. 

Overall, this should have been one 
of the best advanced user manuals 
currently available. What we have is 
text-heavy instruction, supported with 
few screenshots and poorly explained 
step-by-step tasks. Beginners and 
intermediate users should definitely 
look elsewhere. 


Verdict 


SI 


Mix and match 
Photoshop 6 Web Magic 
ore 


Author 


his manual illustrates why 
Photoshop and ImageReady 
i have become the standard 

jf image manipulation package 
for graphics destined for the Web. All 


Jeff Foster i 
the files are on the accompanying 
Publisher | CD-ROM, so you can work through 
SEES a ERE them at your own pace. 
New Riders You will see how to animate text, 


wrap images, create buttons and 
rollovers, and take your first steps with 
JavaScript. Once you've tried each of 
these effects, the authors encourage 
you to mix and match and add your own 
creativity. Intermediate users will 
benefit most from this manual because 
it teaches each technique with 
numbered steps, and well-chosen 
screenshots. The idea is to provide 
readers with inspiration as well as the 
tools to realise that inspiration. 


erdict 


SD 


0735710368 
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New features 
Photoshop 6: | Didn't Know You Could Do That! 


Price 
£16.99 


David D Busch 


Publisher 


| 


ou’llneed to be an 
intermediate or advanced 

F H j / user to appreciate the speed 
ii at which the author covers 

Photoshop 6's new features. Divided 

into nine sections, this manual covers 

board topics such as combining and 

retouching images, 3D effects and 


Sybex colour correction. 
Unfortunately, the book loses its 
ISBN shine in the sub-chapters: although the 


dialog boxes are clear, the images are 
poor quality and illegible. However, the 
text does direct you to the CD for the 
files to complete each task. Overall, 
this manual is written in a readable 
style which makes the information easy 
to put into practice. Most of the new 
features are illustrated, which is ideal if 
you are looking fora manual which 
shows these in action. EE 


Verdict 


SHC 


0782129188 


yee 


Computer Arts Photoshop 
Special —- COSB0020 

Eight stunning tutorials written by 
leading Photoshop artists: recreate 
the surreal cover image; create flat 
vector shapes without using 
FreeHand or Illustrator, build an 
image gradually using layers; make 
a convincing old screen print effect 
for an illustration; create a focal 
point; and discover the art of 
promotion. Master the art of colour 
management and a look at the 
future of typography. 

CD 366 free Photoshop filters and 
extras, and 27 demos including 
Photoshop 6. 


Issue 58 — Code CA058 
100 ways to better Websites 
CD Merlin 3D, Cinema 4D Art, 
Amapi 3D 4.15. 


Computer Arts Dreamweaver 
Special - COSB0021 

We guide you through Dreamweaver 
4 and UltraDevwith nine new 
tutorials and techniques, including: 
setting the configuration; HTML 
layout and page design; creating 
libraries in UltraDev and site 
management. We've also compiled 
155 Dreamweaver solutions: fixes 
for browser bugs; Q&A answered by 
the experts; and tips and shortcuts 
for UltraDev. Plus Matinée and 
Random Media. 

CD 28 Extensions, Dreamweaver 
4, UltraDev, Flash 5, Generator for 
Flash, Netscape 6 and Fireworks 4. 


Issue 59 — Code CA059 
Exclusive Cinema 4D XL 7 demo 
with expert tutorial 

CD Cinema 4D XL 7, D Sculptor. 


Arts Flash Special — 
COSB0022 
Tutorials on a host of Flash-related 
topics, including: the designer's 
guide to XML; creating and editing 
sound clips, using a Flash 5 
scripting engine; rotational 
navigation; and how to set up a 
Generator server and add dynamic 
Flash content. Make your Flash life 
easier with a complete ActionScript 
reference and expert tips from 
Macromedia. We also profile rom 
and son, Broad Snout and Pesky. 
CD Demos of Flash 5, Director 8.5, 
Generator, FreeHand 10, 
Flash Typer, and 70+ source files. 


Issue 60 — Code CAO6G0 

Web video effects 

CD After Effects 5 demo and the 
full version of Amorphium 1.0. 


Computer Arts 

Special - COSB0023 

We cover a whole range of 
Photoshop techniques from 
creating chrome and metal textures 
to blending using layer modes, 
cleaning scans, and optimising 
graphics for the Web. We also take 
a look at accurate skin matching in 
composite images and Magictorch 
explains how to give abstract 3D an 
extra twist. Plus, reviews of the 
best plug-ins, expert ImageReady 
tips, profiles and more. 

CD Demos of Photoshop 6, 
Cinema 4D XL 7, 70 plug-ins —- 36 
for Mac, 34 for PC. 


Issue 61 — Code CA061 

Pixel art: all angles explored 

CD Expression 2 LE, IconBuilder 
Pro 3, Premiere 6 demo. 


of the world 


Computer Arts Web Design 
Special — COSB0024 

Design even better Websites with 
our tutorials: get to grips with 
Shockwave in 10 3D mini projects, 
create database-driven sites with 
UltraDev, make scrolling maps in 
Flash, and master advanced Flash 
effects. Read up on the classic 101 
design mistakes and how to avoid 
them, and discover 26 apps which 
will extend your Flash creativity. 
Plus, designing Websites for any 
browser, profiles and reviews. 

CD DHTML Menu Builder 2.8 - full 
version, Adobe’s Atmosphere beta, 
TopStyle 2 lite and 12 top demos. 


Issue 62 — Code CA062 
Shockwave 3D: design a Web game 
CD Poser Pro Pack, Bryce 5demo, 
Swish 1.5 — full, Director 8.5 demo 


+44 0870 444 8455 


take out a subscription — see page 51 
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Whether it's a download, tutorial or link you're after, we take a look at some of the best 
resources on the Web... have you seen them all yet? 


Absolute Cross 


[w] www.absolutecross.com/tutorials/ photoshop.htm 
Yet more fab tutorials and tips. Providing a wealth of 
downloads and links to some of the best Photoshop 
tutorials on the Web, Absolute Cross is a resource that 
beginners and pros will find useful. 


Adobe 


[w] www.adobe.com 

The home of Photoshop has recently been redesigned 
by Web guru Hillman Curtis, and is now easier than 
ever to navigate. Make sure you visit the Photoshop 
Expert Center containing invaluable advice for 
registered users of the application. If you haven't 
already got it, you can buy Photoshop here as well. 


Adobe Forums 


[w] www.adobeforums.com 

No matter what your question, there is sure to be an 
expert capable of answering it at Adobe's Photoshop 
User Forum. Share and exchange techniques with the 
cream of the Photoshop community or simply browse 
for new and exciting techniques. 


Adobe Xchange 


[w] http://64.77.83.5/ 

Recently acquired by Adobe (formerly known as the 
Action Xchange) this resource is a haven of Photoshop 
actions. Everything is freely downloadable, and most 
actions are reasonably interesting (if not always useful) 
— certainly worth a visit. 


While checking out your free copy of Eye Candy 3, visit Alien 
Skin's site for a look at the powerful capabilities of the plug-in. 
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Alien Skin 


[w] www.alienskin.com 

Purveyors of such crazy effects filters as Eve Candy 
(version 3.1 is free on your cover CD — see page 42 for 
a comprehensive tutorial), Alien Skin's site holds a 
plethora of info, galleries and more Eye Candy-related 
gubbins. Check out the Freaks section of the site — it 
gives a bizarre insight into the staff at the company. 


Computer Arts 


[w] www.computerarts.co.uk 

With an abundance of Photoshop tutorials, 
up-to-the-minute news and a host of reviews and 
downloadable goodies, our buzzing Website is the 
place to be seen if you're into Photoshop. Take a look 
at our Photoshop Studio at [w] www.computerarts. 
co.uk/photoshop and we think you'll be convinced. 


Computer Arts Forum 


[w] www.computerarts.co.uk/forum 

It seems inevitable: a big project, so much to do and 
not enough time to do it in, and suddenly your Mac 
totally packs in, or you can't quite figure out Photoshop 
6's new interface. Either way, help is at hand at our 
thriving forum where one of the Computer Arts team or 
some other knowledgeable fellow will almost certainly 
be able to tackle your problem. 


Designs By Mark 


[w] www.designsbymark.com 
Although the name may suggest a rather home-made 


www.uknetawatds.co.u 


arts 


*hotoshop Studio 


The Photoshop Studio at [w] www.computerarts.co.uk offers a 
vast amount of info, tips and tutorials. Check it out. 


site, designsbymark.com is a truly professional 
resource for any Photoshop user. Galleries, tutorials 
and industry news, all updated regularly, make Mark’s 
resource a top spot. 


Dsigning.com 


[w] www.dsigning.com 

Dsigning.com holds a gargantuan amount of 
Photoshop tutorials, ranging from those aimed 
strictly at beginners to those for the seasoned 

pro brushing up on their skills. Tutorials of interest 
include how to create an ice text effect and rendering 
a pencil sketch from a photograph. Allare brief, 

yet well-written and make for an interesting and 
inspiring read. 


Elated 


[w] www.elated.com 

Not sure if elated is quite the right word to use to 
describe our visit to this site, but nevertheless this 
resource is full of Photoshop actions, all ready for 
download. There's also a huge range of tips, as well as 
Web page templates and other useful items. 


Free Spot 


[w] www.free-spot.com 

Tons of stuff here for the digital creative, including 
Web design tips, Flash tutorials and more. Oh, and yes, 
a Photoshop tutorials section that is pretty small at the 
moment, but the great thing is, all lessons are supplied 


Kaan mat 


We know, it sounds like a rather amateur site, but surprisingly 
you'll find a plethora of excellent and detailed tutorials. 


signing.com 


Site News: 


Dsigning.com well and truly lives up to its name, providing many 
tips and tutorials on how to get the best out of Photoshop. 


as PDF files so you can download them and read them 
offline. Destined to be a biggy. 


The Gurus Network 


[w] www.gurusnetwork.com/tutorials/photoshop/ 
index.html 

As with many of the sites we've covered here, 

The Gurus Network offers a wide range of tutorials 
for beginners and expert Photoshop-pers alike. 
You'll probably never use half the stuff here, but if 
you're searching for a specific technique required to 
build a certain button or interface element, you 
may be in luck. 


Jereme Online 


[w] www.jereme.com/ 

This well-designed tutorial resource is a culmination 
of designer Jereme’s favourite techniques. 

Extremely odd tutorials, such as how to create a 
headphone plug are coupled with some slightly 
saner efforts including transforming photographs 
into vector clip art. 


Matrix’s Vault 


[w] http://w ww.matrixvault.com/PW/CC/ 
tutorials /index.shtml 

Lots of happy faces and many tutorials here, 
ranging from extremely basic techniques (such as 


more 


The strangely named Phong.com offers a multitude of 
Photoshop and design advice. It's also pretty nice to look at. 


Actions are the order of the day at Elated.com. Download them 
for free and create some stunning text effects. 


changing background colours) to more complex 
walkthroughs such as creating interfaces and, our 
favourite, floating text. 


myjanee.com 


[w] www.myjanee.com 

Whoever Janee may be, she's sure into Photoshop. 
Among the good range of Photoshoptips, you'll find a 
links page that points you towards many Photoshop 
resources on the Web, including more tutorials, 
forums and galleries. 


Phong 


[w] www.phong.com 

Redesigned as regularly as it’s updated, 
Phong.com is a haven of Photoshop tutorials, 

tips and advice. Ranging from beginner-orientated 
walkthroughs to more advanced stuff such as 
mastering lighting effects, all the tutorials we 

tried out were easy to follow and produced great 
results. There's also a good range of links 

pointing to some rather diverse, yet thoroughly 
entertaining sites. 


Photoshop Central 

[w] www. photoshopcentral.com 

With tips from such Photoshop masters as Bert 
Monroy, Photoshop Central is a great place for any 


wpaceccectretensaes 


ga 
Be ee 


A great resource for anyone into Photoshop, Planet Photoshop 
continues to produce tutorials and regularly updated news. 


Neat design coupled with a few handy tips and tutorials make 
this resource at the Gurus Network well worth a visit. 


level of Photoshop user. With reviews, news, and a 
great user forum, this site offers a good range of 
Photoshop information, while being extremely 
navigable and fathomable. 


Planet Photoshop 


[w] www.planetphotoshop.com 

The cheesily-named Planet Photoshop now looks 
classier and more feature-abundant than ever. With 
news from the recent NAPP show, a feast of tutorials 
and reviews and a variety of downloads, this is one site 
to add to your bookmarks. 


Plugins.com 


[w] www.plugins.com/ plugins/photoshop/ 

Sporting a comprehensive list of plug-in 
manufacturers, as wellas links to freeware and 
shareware filters and effects, plugins.com is bound to 
appeal to almost every Photoshop user. A good 
example of not-so-hot design with great content. 


Webreference 


[w] www.webreference.com/graphics/ 

Webreference remains as comprehensive and easy to 
follow as ever, with tutorials, tips and friendly 
explanations into some of the more complex areas of 
Photoshop. Updated frequently, this is definitely one to 
add to your favourites. EES) 


Latest News 


Another good resource, Photoshop Central keeps you abreast 
of all the latest Photoshop developments. 
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Some of the best freeware 
Photoshop plug-ins around, 
go download them... 


PhotoText 2.0 

PC/Mac 

Extensis 

[w] www.extensis.com 

Freeware text plug-in adding 
Photoshop 6-esque text functionality 
to version 4 and 5. Essential for those 
yet to upgrade. 


PhotoBevel 2.0 

PC/Mac 

Extensis 

[w] www.extensis.com 

Quickly and easily add a variety of 
bevel effects to your images with this 
freebie from Extensis. 


UnPlugged 

PC/Mac 

VanderLee 

[w] www.v-d-L.com 

A huge amount of crazy effects filters 
on offer here, all relatively simple to 
use and best of all, free. 


Plugin Commander 1.5 

PC 

[w] www.thepluginsite.com 

Easily manage your vast amount of 
Photoshop plug-ins with this nifty 
plug-in manager from Harald Heim. 


MediaSpark 

PC/Mac 

Iw] 
http://mediaspark.com/filters.htm 
A large range of compositing- 
orientated filters for all levels of 
Photoshop user. Great value for 
download time. 


Krusty’s FX Vol II 

PC 

[w] www.krust.com 

Weird and wacky texture generating 
filters from Krusty — a name 
synonymous with the world of 
freeware Photoshop plug-ins. 


Cybia filters 

PC/Mac 

[w] www.cybia.co.uk 

From varied colour effects to 
television scanlines, this freeware 
filter set offers much more than your 
average freebie. 
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Product Platform Price Company Contact Verdict 


DreamSuite 1.0 PC/Mac £210 Auto FX www.autofx.com DEXBEBE 


Containing a plethora of features for creating all manner of special effects, DreamSuite is Auto FX's latest venture into the world of Photoshop 
plug-ins. Sheen, reflections, shadows, 3D effects and more are all possible within this comprehensive and intuitive yet memory-sapping plug-in. 


PhotoFX PC/Mac £112  Panopticum www.thepluginsite.com BEREE 


Panopticum’s flagship Photoshop plug-in enables you to apply, among other things, Fire, Lens and Cut out effects to your images. Some of the 
effects are rather limited but on the whole this is an easy to use and value-for-money package. 


EtchTone PC/Mac £63 Andromeda www.andromeda.com 


If you need to transform your images into a continuous tone masterpiece, then EtchTone is for you. Simple to use, with a variety of sliders and 
adjustable parameters, this plug-in from Andromeda makes simplifying the look of your images a breeze. 


Magicmask PC/Mac £70  ChromaGraphics | www.chromagraphics.com EEE 


Making complex selections in Photoshop has plagued designers for years. Magicmask aims to simplify the process. A great workflow tool, and 
reasonably cheap at £70. Not the most exciting plug-in in the world, but possibly one of the most useful. 


EdgeWizard PC/Mac £70  ChromaGraphics | www.chromagraphics.com Die Se te Sie] 


Like Magicmask, Edgewizard from Chroma Graphics makes selecting complex objects a doddle. This plug-in though, aims to make light work of 
edge selections. Similar in appearance and functionality to Magicmask, EdgeWizard is another great time-saving add-on. 


PhotoOptics PC/Mac £70 — Cytopia www.cytopia.com He SE EE 


At first, PhotoOptics looks rather basic - its interface being, to say the least, a little sparse. However, when you delve deeper into the toolset on 
offer, you find a plug-in that offers a sophisticated and easy approach to the usually time-consuming task of professional colour correction. 


Knockout 2.0 PC/Mac £234  Procreate www.procreate.com N/A 


Aiming to take the pain out of making complex selections, KnockOut 1.5 from Procreate was an intuitive tool capable of some superb results. 
You'll have to wait to see what enhancements have been made to version 2.0, but not for too long: the expert review will appear in CA soon. 


Flexify PC/Mac £14 Flaming Pear www.flamingpear.com EXE 


An odd offering from Flaming Pear, Flexify enables you to create foldable solids from panoramic images. The standard Flaming Pear interface, 
the option to save settings and a variety of adjustable parameters unfortunately doesn’t prevent this filter being of no particular use to the 
creative pro (apart from those fascinated by origami). 


Eye Candy 4000 PC/Mac £119 Alien Skin www.alienskin.com BEBEBE 


The update to Eye Candy adds a new interface, more tools and better control over effects. Some of the filters are still rather gimmicky, but 
nevertheless, it's a plug-in package that can add a new dimension to your artwork. Check out the full version of Eye Candy 3.1 on the cover CD. 


Dizzy PC/Mac $99 Vertigo www.vertigo3d.com Ye Ee 


Dizzy enables you to import 3DMF files into Photoshop, rotating and transforming the models in an intuitive, user-friendly interface, before you 
place the final rendered image on your canvas. The ability to include a wireframe image of your model is one of the plug-in's best features. 


Flaming Pear Essentials PC/Mac £76 Digital Workshop www.flamingpear.com 


Bringing nine of Flaming Pear’s popular Photoshop plug-ins together, Flaming Pear Essentials is a varied and useful set of filters. The pick of the 
bunch is SuperBladePro, which enables you to create stunning and complex textures. Costing only £76, this is great value for money. 


HotTEXT PC/Mac $79 Vertigo www.vertigo3d.com We We Hee 


HotTEXT enables you to create 3D text effects directly in Photoshop. You can extrude, add bevels to and, most usefully, place text on a path. 
Transparency, shadows and anti-aliasing can be adjusted. Overall, 3D Text in Photoshop at a bargain price. 


Flood PC/Mac $20 Flaming Pear www.flamingpear.com DEES 


Flood from Flaming Pear provides a simple way of adding realistic water planes to your Photoshop images. With a host of tweakable parameters, 
including options to alter horizon lines and the like, this is an interesting and useful filter. 


Product Platform Price 


Verdict 


Plugin Galaxy 1.01 PC/Mac $49.95 The Plugin Site www.thepluginsite.com 


Much like Eye Candy 4000, Plugin Galaxy from Harald Heim is dedicated to creating a wild and varied range of filters. Bluuur, Fusion, Instant 
Mirror and Zoom are just a few of the excellent effects on offer here and all are relatively simple to use. Great results for little cash. 


Company Contact 


ProJPEG 5.0.2 PC/Mac $49.95 BoxTop Software — www.boxtopsoft.com He SH He Se 


Rather than being a plug-in that twists and deforms images, ProJPEG from BoxTop Software crunches your creations down to size, ready for the 
Web. The ratio of quality to size is good, verging on fantastic and all settings can be saved with the click of a button — great stuff. 


AutoEye 1.0 PC/Mac £93 _ Digital Toolbox www.autofx.com EXEBESE 


AutoEye, much like Extensis’ Intellihance is dedicated to adjusting, correcting and enhancing images. Working as a standalone app or from within 
Photoshop, the product claims to enhance images with just one click. However, this method offers no real control. More experienced users will 
no doubt opt for the good range of manual correction settings. 


Web Euphoria Mac $295 _ DigiEffects www.digieffects.com DEE 


An extremely complex and unintuitive interface is the big let down in this promising set of filters. Although capable of some great effects, even 
the most dedicated plug-in user will struggle to operate the fiddly controls. Patience is the key, here. 


Propeller Paint Engine © PC/Mac $59.95 Nowhouse www.nowhouse.com ie He He 


Photoshop has a distinct lack of natural-media tools. And, if you don't want to splash out hundreds for Painter 7, Propeller Paint Engine is a 
reasonable alternative. Offering a good range of brushes, with controllable dynamics, this $60 plug-in is great value. 


Edge and Frame Galaxy PC/Mac $49.95 Harald Heim www.thepluginsite.com EEBEBE 


Aimed at the beginner-to-intermediate Photoshop user, Edge and Frame Galaxy enables you to add a variety of borders and edges to your work. 
Asimple to use, yet comprehensive Photoshop add-on, with over 1600 edges and frames. 


Chromassage Mac $29.95 Second Glance www.secondglance.com EREBEBE 


Offering an incredibly easy way of colourising an image, Chromassage from Second Glance software has a simplistic dialog, with a slider 
controlling colour shifts. This can be used, among other things, to create some great psychedelic effects. 


Melancholytron PC/Mac $20 Flaming Pear www. flamingpear.com 


Daft name, sensible plug-in. That just about sums up this plug-in from Flaming Pear. Basically, Melancholytron will add an aged look to your 
image. You could of course do this directly in Photoshop. It is only $20 though, and has a host of parameters. 


Harmony Mac $79 Hot Door www.hotdoor.com EXEREIEBE 


Harmony from Hot Door is a plug-in colour picker for Photoshop. Using colour theories, the plug-in enables you to choose harmonious colour 
schemes. This can be useful when designing logos, or producing finely-tuned Websafe colour schemes. A different, and interesting effort. 


KPT Effects PC/Mac TBC  Procreate www.procreate.com N/A 


KPT is back and with it brings an array of new effects aiming to enhance your lifeless images. Included in the new release are FraxFlame II, for 
creating fractal flames, Hyper Tiling for complex tiling effects and Lightning for, yes, you've guessed it, adding realistic lighting to your images. 


Perspective PC/Mac $44 Andromeda www.andromeda.com EXEBE 


Following the trend to create perspective within different applications, this plug-in from Andromeda provides you with the option of 
tweaking the horizon lines and vanishing points of your images by means of a virtual camera. Easy to use, but perhaps a little shallow for the 
Photoshop professional. 


iCorrect Professional PC/Mac $139 — Pictographics www.picto.com 


Acomplex utility with a friendly face, iCorrect Professional is a great colour correction tool that globally corrects images based on user-defined 
colour points. A clean, simple interface with underlying scientific colour-correction theory make this a winner. 


SuperBladePro PC/Mac $30 Flaming Pear www.flamingpear.com Pe He Ee 


Perhaps Flaming Pear's most celebrated Photoshop plug-in, SuperBladePro enables you to knock up complex textures in no time at all. A variety 
of easily-adjustable parameters and the abilty to save your settings, combined with some good Bevel and Emboss effects make this a valuable 
addition to any Photoshop arsenal. 


LunarCell PC/Mac $20 — Flaming Pear www.flamingpear.com B33 


Six days to create a planet? Well, Flaming Pear claims you can do it in a few seconds with LunarCel/. Atmosphere, lunar textures and climate 
adjusters make this an intriguing, though far from essential effort. 


Deep Paint PC/Mac $20 — RightHemisphere www.deeppaint.com BI 
Deep Paint brings an impressive amount of natural media tools to Photoshop. Brushes work in two ways: flat colour (like standard natural 
media) or in bump map mode. The textured media, such as pastels and oil paints have 3D-like qualities not seen in any other plug-in. Certainly 
one to watch. 


Alien Skin 

Sales: [t] 001 919 832 4123 

Tech support: [W] www.alienskin. 
com/support_index.html 


Andromeda 

Sales: (buy online) 

[w] www.andromeda.com/ 
Tech support: 

[e] techsup@andromeda.com 


Auto FX 

Sales: (buy online) 

[Ww] www.autofx.com/purchase_ 
page/ 

Tech support: 

[e] techsupport@autofx.com 


BoxTop Software 

Sales: (buy online) 

[w] https://secure.boxtopsoft.com/ 
Tech support: 

[e] info@boxtopsoft.com 


Chroma Graphics 

Sales: [t] 001 650 685 6800 
Tech support: [e] techsupport@ 
chromagraphics.com 


Extensis 

Sales: (CU) [t] 020 8200 8282 
Tech support: 

[Ww] www.extensis.com/support/ 


Flaming Pear 

Sales: (Buy online) 

[w] www. flamingpear.com/purchase. 
html 

Tech support: 

[Ww] www.flamingpear.com/faq.html 


Harald Heim 

Sales: (Buy online) 

[Ww] www.thepluginsite.com 
Tech support: 

[e] support@thepluginsite.de 


Hot Door 

Sales: (Buy online) 

[Ww] www.hotdoor.com/store/ 
index.cfm?DID=42 

Tech support: [Ww] www.hotdoor.com 


Right Hemisphere 

Sales: [t] 020 7482 4858 

Tech support: [w] http://us. 
tighthemisphere.com/support/ 


Vertigo 

Sales: [t] 001 604 684 2113 
Tech support: 

[e] support@vertigo3d.com 


Full Eye Candy, plus... 


Several of these programs are on the 
cover CD including a DreamSuite 
demo, Etchtone and Hot TEXT. 
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DTP Special 


Bahia atadusl asada, 
ee ee a 


A Computer Arts guide to print design... 


- QuarkXPress 5 and InDesign 2 previewed 


- Preflighting explained 


- DTP tips for design and production 


: Profiles of Beaver Design and Glamourmag 
Alpha channels and clipping paths in Quark - Tutorials for Quark, InDesign and Pagemaker 


On sale Wednesday 7 November 
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[t] 01225 442244 [f] 01225 732282 

Simon Moss group ad manager 

[e] simon.moss@futurenet.co.uk 


Kelley Corten advertising manager 
[e] Kelly.corten@futurenet.co.uk 


Updates at www.computerarts.co.uk 
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[e] andrew.healy@futurenet.co.uk 
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[e] bryonywatts@futurenet.co.uk 


Andrew Young sales executive 
[e] andrew.young@futurenet.co.uk 


Lee Thomas production co-ordinator 
Management 

Richard Wilson publisher 

John Weir group publisher 

Colin Morrison 
Distribution 
Seymour Distribution, 86 Newman St, London 
WIP 3LD [t] 020 7396 8000 

Jamie Malley circulation product manager 
{e] jamie.malley@futurenet.co.uk 
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copy of Computer Arts to 
your door every month. 


Ask your newsagent to 
reserve or deliver your 


your copy today 


Allrights reserved, All trademarks and 
copyrights in this issue are recognised, and are 
acknowledged where possible. If we have failed 
to credit your copyright then do please contact 
us — we'll happily correct any oversight. Any material submitted 
is accepted on the basis of a worldwide right to publish in printed 
or electronic form — be sure to clearly label all discs. All 
contents © Future Publishing Ltd part of The Future Network plc 
which has offices in Bath, London, Milan, New York, Paris, 

‘San Francisco and Wroclaw. 


es 


Future Publishing Ltd is part of The Future Network pic 


The Future Network produces carefully tar~ 
{riture) geted specialist magazines and Websites for 

groups of people who share a passion. We 
auaruim aim to satisfy their passion by creating titles 
‘that offer superb value for money, trustworthy information, 
multiple ways to save time and money, and are a pleasure to 
read or visit. Today we publish more than 90 magazines and 
over 30 magazine Websites and networks from offices in 
five countries. The company also licenses 39 of its titles 
resulting in over 150 local editions in 30 other countries. 


Computer Arts Specials is a memberof the Audit 
Bureau of Circulations July-Dec 2000: 26,048 


The Future Network plc is a public company quoted on the London Stock Exchange (symbol: FNET. - Chairman: Chris Anderson « Chief Executive: Greg Inghem - Chief Operating Officer: Colin Morrison Interim Finance Director: Michael Penington Tel +44 1225 442244 - www thefuturenetwork plc.uk - Bath London Los Angeles Milan New York Paris San Francisco Wroclaw 


Games and Animation Training 


Sprite Interactive has lau hed a range of training courses to teach you 
exciting games using Macromedia Flash 5. 
entional Flash courses. Every student get: 

d routines that help build high impact ge 


red by 
resour 


and animations. 


We employ highly trained onsultants who have worked in the i 
of years, and have real, re at.experience of working on Fl 
Profile clients, for exam D , Soccernet and Toni & Guy. 


| new ways of using and understandi 
Nfidence and understanding to go it a 


Our courses are intended t 
environment, and to devel 


Flash 5 Basics Course: Two day course 
In this cross-platform training, we will teach you the basics of Flash, giving you 
level of understanding of the Program that will allow you to begin exploring iw 
confidence, the many Fla features. This also includes basic ActionSc ript 


Flash 5 Animation Course: Two day course 
We will teach you how to animate using Flash. You will learn the basics of che 
animation, and then how to employ these techniques using Flash 5. } 


Flash 5 Games Course: Two day course 
You will learn how to create games using Flash. The course is taught through 
development of example Ss, each game containing a number of key featur 
of general game development, such as making objects draggable, collision dete 
and the use of layers. 


the first day, Flash animation for the sec and Flash games on the third. This 
course is more intensive than the two-day courses, but you will, upon completion 
of the three days, have a broad overview of the Flash environment and how it can 
be used effectively for the development of games and animation. 


© sprite FRET 


The Training Centre, situated in Fetcham Park House, provides a fantastic environment, 
where tradition meets technology. Built in 1705, this Grade II listed mansion at 


There are frequent rail services to London Waterloo (35 minutes) and London 
Victoria (40 minutes). See www.sprite.net for more details. 


The Training Centre is situated at: 
Fetcham Park House, Lower Road, Fetcham, Surrey, KT22 9HD 
Phone: 01372 371212, Email: Training@sprite.net 


OuterEye enable anybody to add 
streaming video to a website. 


Look better, sell better, 
entertain and inform. 


Whether it’s a TV advert, or a full 
length movie, you can get going 
today. 


From a single clip to an entire 
library, OuterEye have a solution. 


Servers around the globe, a dedicated pete 
encoding team and a sensible price, what ~~ fe 
more could you ask for? 


Contact sales on 020 8392 8080 
or check out the website for details gael oo 


uteré 


—_— 
making streaming Msimple —{. 


www.outfereye.com eee 
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